vue-cli使用proxy代理

Posted wywd

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-cli使用proxy代理相关的知识,希望对你有一定的参考价值。

module.exports = {
publicPath: ‘/‘, //项目的公共路径
devServer: { //开发用的服务器配置
proxy: {
‘/api‘: {
target: ‘http://localhost:8091‘, //这里是目标服务器地址
changeOrigin: true, //是否改变源地址
ws: true, //是否支持websocket协议
pathRewrite: { //路径重写
‘^/api‘: ‘‘ //这里一定要为空
}
}
}
}
}

以上是关于vue-cli使用proxy代理的主要内容,如果未能解决你的问题,请参考以下文章

插件http-proxy-middleware在vue-cli中的使用

element-admin mock改成真实请求 vue-cli3 配置代理

Vue-cli3 devServe.Proxy 多地址爬坑记

vue3.0-axios拦截器proxy跨域代理

《vue》设置代理服务器devServer 的 proxy

vue-cli3设置代理跨域详解