vue跨域解决

最新推荐文章于 2022-07-26 17:34:45 发布

磊娃哟

最新推荐文章于 2022-07-26 17:34:45 发布

阅读量199

点赞数

分类专栏： vue环境变量配置

vue环境变量配置专栏收录该内容

1 篇文章

订阅专栏

本文详细解析了proxyTable配置及pathRewrite的作用，阐述了如何通过pathRewrite进行接口路径的重定向或重新赋值，适用于解决前后端分离项目的跨域问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

https://www.cnblogs.com/ldlx-mars/p/7816316.html;

https://www.cnblogs.com/pass245939319/p/9040802.html；

https://blog.csdn.net/jikangjian/article/details/80798677；

http://www.cnblogs.com/wangqiao170/p/9284524.html；

    proxyTable: {
      '/api': {
        target: 'http://XX.XX.XX.XX:8083',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/api'   // 这种接口配置出来     http://XX.XX.XX.XX:8083/api/login
          //'^/api': '/' 这种接口配置出来     http://XX.XX.XX.XX:8083/login
        }
      }
    }

那pathRewrite是用来干嘛的呢，这里的作用，相当于是替代‘/api’，如果接口中是没有api的，那就直接置空，如果接口中有api，那就得写成{‘^/api’:‘/api’}，可以理解为一个重定向或者重新赋值的功能。