在vue如果使用axios请求数据遇到跨域怎么解决？

最新推荐文章于 2025-10-04 20:00:00 发布

原创最新推荐文章于 2025-10-04 20:00:00 发布 · 484 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍如何在config目录下的index.js文件中配置跨域代理。通过设置proxyTable,可以指定前缀'/api'对应的target为'https://api.douban.com',并开启changeOrigin允许跨域。在pathRewrite中将'^/api'重写为'/'。此配置便于项目打包上线时进行环境切换。

在config目录下的index.js文件里面在这里插入图片描述
给他配置这些

proxyTable: {
      "/api": {        //这个/api代表的就是前缀
        target: 'https://api.douban.com',  //这个是前缀接口
        changeOrigin: true,  //是否允许跨域
        pathRewrite: {   
          '^/api': '/'
        }
      }
    },

注：如果在ProxyTable里面配置了跨域，那么在你的项目打包上线时线上和线下环境的切换就直接在proxyTable里的target切换就OK了，而且在打包的时候还没有路径的问题~