3打包生成dist文件夹并发布到服务器

打包生成dist文件夹并发布到服务器

  1. 打包生成dist文件夹:

    npm run build

  2. 发布1:使用静态服务器工具包
    1. 安装serve
      • npm install -g serve
      • serve dist
      • 访问:http://localhost:5000
  3. 发布2:使用动态web服务器(tomcat)

    1. 修改配置:webpack.prod.conf.js

      output:{
          publicPath:'/xxx/'   //打包文件夹的名称
      }
    2. 重新打包:

      npm run build

    3. 修改dist文件夹的名称为:xxx(和上面的output中的publicPath相同)

    4. 将xxx拷贝到运行的tomcat的webapps目录下
    5. 访问:http://localhost:8080/xxx

注意:学习前端的建议用第一步和第二步

你可能感兴趣的:(vue)