vue-cli2
解决跨域问题
(基于vue-cli
项目中自带的服务器配置,方便开发环境的调试)
假设:
本地的开发地址是
http://localhost:8080
请求的地址是
http://localhost:6565/classmanage/service/login
解决方案:
1.打开config
文件夹下的index.js
,修改为如下配置:
代码如下:
proxyTable: {
'/classmanage': {
target: 'http://localhost:6565',
changeOrigin: true,
}
},
2.打开src/config
文件夹下的index.js
,修改为如下配置:
代码如下:
baseUrl: '/classmanage/service',
3.api
请求访问:
代码如下:
export const login = (params) => {
return axios.request({
url: '/login',
data: params,
method: 'post'
})
}