vue项目打包上线流程：

项目打包上线流程：

1. 首先把路由模式修改成history模式，对vue项目进行打包分析，对体积较大的包使用cdn进行优化。

2. 优化完成后，打包项目得到dist文件夹。
   

3. 使用nginx服务器进行部署，把dist文件上传到nginx指定的文件目录下。

4. 解决刷新路由404问题，修改ndinx配置，把前端所有的路径请求都指向index.html，然后重启nginx服务器

   location / {
       //删除或者注释掉
       //  # root   html;
       //  # index  index.html index.htm;
     try_files $uri $uri/ /index.html; ---解决页面刷新404问题
   }　
   

5. 因为项目打包之后脱离了脚手架，所以无法使用之前的proxy反向代理的方法，需要借助nginx进行反向代理，解决跨域问题，修改nginx配置，把接口请求指向目标服务器，重启nginx服务器。

   location /prod-api {  #匹配路径为/prod-api的url
         proxy_pass https://heimahr-t.ithe.net;  //配置反向代理解决生产环境跨域
       }