502 proxy error解决方法_Vue项目中经常碰到的痛点和解决方法（上）

是不是你找bug的样子

1. 本地开发环境请求服务器接口跨域问题
2. axios封装和api接口的统一管理
3. UI库的引入
4. 覆盖当前UI库中组件的样式
5. rem文件的导入问题
6. 定时器
7. 打包后.map文件很大
8. 开启gizp压缩代码
9. mixins常见操作
10. 打包之后路径找不到的问题

本地开发请求服务器接口跨域问题

这应该是每个新手或者说不熟悉vue的人的必经之路。

本地开发请求服务器接口的时候，因为客户端的同源策略，所以会出现跨域。遇到这种问题直接在vue.config.js中配置代理。

 proxy: {      //配置跨域      '/api': {          target: "http://localhost:8888",          // ws:true,          changOrigin:true,   //启动跨域          pathRewrite:{