vue 本地访问局域网内（网关）接口 报错跨域 Access to XMLHttpRequest

报错如下：

 

如上所示，其他后端可以随便链接，但该同事无论如何修改就是无法链接

 

我的代码如下：

这个里封装了请求 在这里要修改这个 baseURL

一般都是如下：

（引入： https://blog.csdn.net/weixin_45264991/article/details/104182742）

 

所以 我的baseURL 是这样的

 

代理的话 也就是要把这个baseURL改变成 /api 的形式

 

那么  我们在vue.config.js 中需要把代理写上

 

devServer: {
    disableHostCheck: true,
    proxy: {
      '/api': {
        target: "http://xxx.xxx.x.x:xxx/",
        ws: true,
        changeOrigin: true,
        pathRewrite: { // 路径重写，
          '^/api': '' // 替换target中的请求地址，也就是说以后你在请求http://api.douban.com/v2/XXXXX这个地址的时候直接写成/api即可。
        }
      }
    }
  },

 

效果：

 

写的有些乱，如果看不懂，欢迎留言质疑。 (*^▽^*)