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

749bf2e962f355ef8d430f8cf0af68a3.png

是不是你找bug的样子

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

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

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

44d732396f402654377cac769380b2fa.png

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

 proxy: {      //配置跨域      '/api': {          target: "http://localhost:8888",          // ws:true,          changOrigin:true,   //启动跨域          pathRewrite:{
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值