标签:API apiHost http xxx 值为 代理 笔记 api vue2
- 将目标服务器代理到本机开发服务端口,可用于跨域调用数据接口
- 优先取用项目中存在的资源
参考文档
webpack-dev-server
vue-cli-dev-server
配置
vue.config.js
- 单一代理配置
module.exports = {
devServer: {
proxy: 'http://apiHost'
}
}
- 多代理配置
module.exports = {
devServer: {
proxy: {
// 请求前缀
'/api': {
// 代理目标地址
target: 'http://apiHost',
// 调用代理地址/api/xxx时,将默认将请求转发到http://apiHost/api/xxx
// 使用路径重写配置,正则表达式匹配起始的/api字符串替换为空字符串'',则将请求转发到http://apiHost/xxx
pathRewrite: {'^/api':''},
// 支持websocket
ws: true,
// 默认值为true,修改请求头中host值为代理目标地址,值为false时,host值为开发服务器地址
changeOrigin: true
},
'/foo': {
target: '<other_url>'
}
}
}
}
标签:API,apiHost,http,xxx,值为,代理,笔记,api,vue2 来源: https://blog.csdn.net/zhoudingding/article/details/122745086
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。