vue项目打包发布

打包

1、修改config里面的index.js里面的productionSourceMap为false,默认情况是true（true代表打包环境是开发环境，可以进行调试；false表示生产环境，正式上线的）

2、找到assetsPublicPath 键 将它从'/'变为了'./'


3、在cmd里面运行npm run build,(运行的是build里面的build.js文件)

  生成的包放在dist

 

4、再用nginx代理发布

server {
listen 80;
server_name xxx.com;

location / {
root /vue/dist;#打包后的文件目录

proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE-HOST $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}

error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}