关于vue.js:关于配置proxy代理配置

3次阅读

共计 723 个字符，预计需要花费 2 分钟才能阅读完成。

写在后面：
能胜利跨域的前提是:本地跑我的项目的端口须要与后盾接口容许跨域的端口统一（这一条几乎是血泪的教训）

以 vue + webpack 跨域代理为例:
我本地（localhost 想要申请的接口地址为 https://baidu.com/bus/graph/b…）

proxy: {
  '/build': {
    target: 'https://baidu.com/bus/graph',
    logLevel:'debug',// 运行时将本地发动的地址和对应指向的地址打印输出
    changeOrigin: true,// 容许跨域
  }
},

proxy 的 key 值为：’/build’, 用来匹配你本地发动申请的地址，即本地的 localhost:8080 会被替换为 target 地址
如果你本地发动申请的地址为：localhost:8080/build 那代理拜访的理论地址为：https://baidu.com/bus/graph/b…

而后你能够做如下批改：

proxy: {
  '/build': {
    target: 'https://baidu.com/bus/graph',
    logLevel:'debug',// 运行时将本地发动的地址和对应指向的地址打印输出
    changeOrigin: true,// 容许跨域
    pathRewrite:{// 重写本地发动的门路
        '^/graph':""
    }
  }
},

如果你本地发动申请的地址为：localhost:8080/graph/build，门路重写会将你发动地址的 /graph/build==>/build, 代理拜访的理论地址为：https://baidu.com/bus/graph/b…

pathRiwrite 更多在无奈仅仅应用一个代理切门路有蕴含的时候比拟实用

正文完