Vue项目打包上线部署的那些坑

1、跨域问题

开发环境的跨域可以直接在vue cofig中设置，这个没啥说的，打包完成后就一点关系都没了

解决方案：

 a.通过jsonp跨域

 b.通过修改document.domain来进行跨域

 c.使用window.name跨域

 d.使用HTML5中新引进的window.postMessage方法来跨域传送数据

 e.CORS

最好的解决办法我觉得还是后端给设置响应头解决跨域

 

2、打包完的版本问题

如果你用的npm、或者cnpm，打完包，再上线，过半年，重新install，再打包，会发现依赖的插件版本升级了，包的大小变化很大，package-lock.json 被install 更新了。

解决办法：

 a.要么锁定版本

 b.弃坑npm，用yarn

• cnpm：优点是速度快，缺点是没办法保证每个同事安装依赖的时候版本一致，就会出现依赖升级不兼容性问题
• npm：没办法保证每个同事安装依赖的时候版本一致，安装速度慢。
• yarn：优点是速度比npm快、yarn.lock文件能够锁定版本,缺点是学习成本相对高。

基于同队开发考虑，再想买发布后可以用锁定插件包的方式来做，也可以用yarn