Vue中proxyTable配置

原创已于 2022-03-03 14:42:56 修改 · 2.4k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#vue #proxy

于 2021-07-14 14:40:36 首次发布

小问题专栏收录该内容

35 篇文章

订阅专栏

本文详细解读了Vue中proxyTable的配置，包括如何设置目标接口、开启跨域、重写路径以解决'/api'前缀问题，帮助开发者轻松处理前后端分离项目的API代理问题。

Vue中proxyTable配置：

    proxyTable: {
      '/api': {//遇到该请求则进行代理
        target: 'http://localhost:8080/', // 设置你调用的接口域名和端口号
        //代理的目标地址是http://localhost:8080
         //相当于http://localhost:8080/api/xx
        changeOrigin: true,   //开启跨域
        pathRewrite: {
          '^/api': '/' //重写路径将'/api'转化为'/'
          	//"^“这个字符是在中括号”[]“中被使用的话就是表示字符类的否定，如果不是的话就是表示限定开头。
            //得到正确的请求地址http://localhost:8080/xx
        }
      }