vue-cli3及以上代理问题

这两天一直在配置vue的配置文件,把我整的头很大,所以在这里记录一哈

因为我这个项目是新创建的项目,配置的也是vue-cli3的配置
首先用vue-cli3创建的项目是没有配置文件的,需要自行创建,创建vue.config.js文件后
项目运行会自行加载此文件

当前端需要对后端进行访问时,通常都会遇上跨域问题,这时只需要在vue.config.js中的devServer
下的proxy中配置

'/api': {
  target: 'http://192.168.3.215:8888', //需要请求的地址
  changeOrigin: true, // 在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
  ws: true,
  pathRewrite: {
    '^/api': '/'  // 替换target中的请求地址，也就是说以后你在请求http://192.168.3.215:8888这个地址的时候直接写成/api即可
  }
}

这里的'/api/'记得一定要用''单引号单引号单引号

我这两天算是踩坑了,之后就能正常访问到后端数据,但是在netword查看时是localhost:8080/api/user但是实际上已经http://192.168.3.215:8888/api/user
发送了请求

VueCli3.0配置proxy解决跨域

这算是我看到写的特别详细的

赏

谢谢你请我吃糖果

支付宝

微信