跨域解决方案之proxyTable

跨域解决方案之proxyTable

在开发阶段,前端调用后端接口可能会出现跨域问题,在vue-cli中已经为我们集成了http-proxy-middleware ,我们只需要在config/index.js中的proxyTable 配置即可。

如果接口是www.aaa.com/get/getList,那么有两种配置方案:

方法一代码语言:javascript复制proxyTable: {

'/api': {

target: 'www.aaa.com',

pathRewrite: {

'^/api': '/get'

}

}

}1

2

3

4

5

6

7

8

复制

这个时候我们请求/api/getList就是请求www.aaa.com/get/getList

方法二代码语言:javascript复制proxyTable: {

'/api': {

target: 'www.aaa.com',

pathRewrite: {

'^/api': ''

}

}

}1

2

3

4

5

6

7

8

复制

这个时候我们请求/api/get/getList就是请求www.aaa.com/get/getList

作者个人博客:午后南杂

相关推荐

《跻春台》下载
365速发国际平台登陆

《跻春台》下载

📅 12-11 👁️ 1091
赵佗墓究竟在哪里?或许近在咫尺,就在越秀山越井岗一带!
beat365手机版客户端ios

赵佗墓究竟在哪里?或许近在咫尺,就在越秀山越井岗一带!

📅 10-25 👁️ 1170
追求卓越拍照体验?看这里!4款搭载骁龙芯片的高端美颜手机全面解析