vue-cli跨域代理配置
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue-cli跨域代理配置相关的知识，希望对你有一定的参考价值。
参考了好多网上文章 配置代理总是不生效 ，其实不是配置的问题 是在调用的时候出的问题
把完整的调用过程整理下来希望可以帮助其他有疑惑的小伙伴
例如 服务地址是 http://192.168.0.125/test/login 的调用过程
1 找到config ->index.js文件 配置proxyTable参数
proxyTable: {
‘/api‘: {
target: ‘http://192.168.0.125/test‘,
changeOrigin: true,
pathRewrite: {
‘^/api‘: ‘/‘
}
}
/api 代替的是 ‘ http://192.168.0.125/test‘
2 工具 封装
const service = axios.create({
timeout: 1000 * 30,
withCredentials: true,
baseURL:‘/api/‘,
headers: {
‘Content-Type‘: ‘application/json; charset=utf-8‘
}
})
3 action调用
// 登录
export function login (params) {
return request({
url:‘login‘,
method: ‘post‘,
data: requestParam(params)
})
}以上是关于vue-cli跨域代理配置的主要内容，如果未能解决你的问题，请参考以下文章
webpack+vue-cli中代理配置（proxyTable）