vue2 proxy配置跨域代理
时间: 2024-03-10 22:42:21 浏览: 120
在Vue.js 2中,可以通过配置代理来实现跨域请求。代理配置可以在`vue.config.js`文件中进行设置。
首先,确保你的项目中已经安装了`http-proxy-middleware`依赖包。如果没有安装,可以通过以下命令进行安装:
```
npm install http-proxy-middleware --save-dev
```
接下来,在项目根目录下创建一个`vue.config.js`文件(如果已经存在则直接编辑),并添加以下内容:
```javascript
const proxyConfig = {
target: 'http://api.example.com', // 设置代理目标地址
changeOrigin: true, // 是否改变请求源地址
pathRewrite: {
'^/api': '', // 将/api开头的路径替换为空字符串
},
};
module.exports = {
devServer: {
proxy: {
'/api': proxyConfig, // 配置代理规则
},
},
};
```
上述配置中,`target`指定了代理的目标地址,即要请求的接口地址。`changeOrigin`设置为`true`表示是否改变请求源地址,一般情况下需要设置为`true`。`pathRewrite`用于重写请求路径,这里将以`/api`开头的路径替换为空字符串。
配置完成后,重新启动项目,Vue开发服务器将会代理所有以`/api`开头的请求到指定的目标地址。
阅读全文
相关推荐

















