在開發階段,前端調用后端接口可能會出現跨域問題,在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
個人博客:午后南雜