【vue】跨域解決方案之proxyTable
阿新 • • 發佈:2019-01-08
在開發階段,前端呼叫後端介面可能會出現跨域問題,在vue-cli中已經為我們集成了http-proxy-> middleware,我們只需要在
config/index.js
中的proxyTable 配置即可。
如果介面是www.aaa.com/get/getList
,那麼有兩種配置方案:
- 方法一
proxyTable: {
'/api': {
target: 'www.aaa.com',
pathRewrite: {
'^/api': '/get'
}
}
}
這個時候我們請求/api/getList
就是請求www.aaa.com/get/getList
- 方法二
proxyTable: {
'/api': {
target: 'www.aaa.com',
pathRewrite: {
'^/api': ''
}
}
}
這個時候我們請求/api/get/getList
就是請求www.aaa.com/get/getList
個人部落格:午後南雜