关于vue-cli3的跨域设置问题

vue-cli3的跨域问题

1. 在vue.config.js中找到proxy设置项

 2.  proxy: {`
      '/platform': {
        target: 'http://127.0.0.1:8082',
        ws: true,//是否代理websockets
        changeOrigin: true   // 设置同源  默认false，是否需要改变原始主机头为目标URL
    }
    }`

如上，“/platform”表示的是你访问的后台接口都会有这些标识，"target"表示你所需要访问的后端接口的ip+端口号，最重要的一点，当你去访问后台接口时，前端代码的访问后台接口时，ip要写自己的，比如我的前端服务的ip是：“127.0.0.1:6793”,而我要访问的后端接口地址为：http://127.0.0.1:8082/platform/home/device/5，这个时候我用axios访问接口时，可以写成：axios.post(“http://127.0.0.1:6793/platform/home/device/5”）,这样的话，重启项目后就可以访问成功了
3. 综上，是我自己一遍一遍试的，网上很多写的，我都试过，不行，原因就是我以为前端请求时接口时ip要写后台服务的IP,所以在此特别提醒，其他的设置网上都有，这一点注意就好，希望对新手有帮助