vue 打包部署

启动：npm run dev
部署：打包npm run build:prod（会多一个文件夹dist）

*tomcat部署*
将dist文件夹部署在tomcat的webapps下

http:localhost:8080/dist

*nginx部署*
修改nginx/conf/nginx.conf的server

location / {
  try_files $uri $uri/ /index.html;
}

将dist文件夹部署在nginx的html下,http:localhost:8080/dist

----------------------------------------------------------------------------------------------

一 如果部署启动后出现空白页，无内容请如下修改

1.修改config/index.js（assetsPublicPath: '/'修改为assetsPublicPath: './'）

module.exports = {
  dev: {
    ...
    assetsPublicPath: './',
    ...
  },

  build: {
    ...
    assetsPublicPath: './',
    ...
  }
}

2. 如果 vue-router mode为 history 模式，使用 nginx，vue-router 为 hash 模式用tomcat（tomcat部署出错时排查修改）

二 如果出现找不到.ttf及.woff文件的错误

修改webpack.base.config中limit: 10000,改为limit: 100000