解决跨域问题

最新推荐文章于 2024-01-15 16:11:06 发布

m0_49471668

最新推荐文章于 2024-01-15 16:11:06 发布

阅读量157

点赞数

本文链接：https://blog.csdn.net/m0_49471668/article/details/119462102

版权

报错为上图，是跨域的错误，需要设置代理。首先打开 config -> index.js ，

代码：

dev: {
    proxy: {
      '/api': {
        target:'http://127.0.0.1:8060/index/api/', // 你请求的第三方接口
        changeOrigin:true, // 在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
        pathRewrite:{ 
          '^/api': ''  // 替换target中的请求地址，也就是说以后你在请求http://api.weatherdt.com/common/XXXXX这个地址的时候直接写成/api即可。
        }
      }
    }

更改完以后，还需要我们把src/mains.js 中的

axios.defaults.baseURL = 'http://www.baidu.com' 改成

axios.defaults.baseURL = '/apis'

然后就可以了