vue.config.js配置转发
时间: 2023-11-02 18:57:37 浏览: 194
vue.config.js配置
在Vue的配置文件vue.config.js中,可以使用proxy属性来配置请求转发。在这个属性中,你可以定义一个对象来指定不同的转发规则。
例如,可以通过在proxy对象中添加键值对来配置转发规则。每个键表示需要转发的路径,而对应的值则是一个对象,包含了转发的相关配置。
在这个对象中,可以使用target来指定转发的目标地址,例如`target: 'http://localhost:8081'`表示将请求转发到localhost:8081。另外,还可以使用changeOrigin来设置是否改变请求的源,以及使用pathRewrite来指定路径的重写规则。
举个例子,如果你想将以`/api`开头的请求转发到`http://your_website`,可以这样配置:
```
devServer: {
proxy: {
'/api': {
target: 'http://your_website',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
```
这样,当你的前端项目发起以`/api`开头的请求时,它们会被转发到`http://your_website`。
需要注意的是,你可以根据自己的实际需求配置多个转发规则,只需要在proxy对象中添加对应的键值对即可。
阅读全文