可以在proxytable里新加一个/api的替换吗?即原本的是对/rest的替换
时间: 2024-04-14 09:32:12 浏览: 21
在 Vue CLI 3+ 的版本中,`proxyTable` 已经被废弃,取而代之的是使用 `proxy` 字段来配置代理规则。因此,在 `proxyTable` 中添加新的替换规则将不会生效。
相反,你可以在 `proxy` 字段中添加新的代理规则。以下是一个示例:
```javascript
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://example.com',
changeOrigin: true
},
'/another-api': {
target: 'http://another-example.com',
changeOrigin: true
}
}
}
}
```
在这个示例中,`/api` 路径的请求将被代理到 `http://example.com`,而 `/another-api` 路径的请求将被代理到 `http://another-example.com`。你可以根据需要添加更多的代理规则。
请注意,如果你已经在 `proxy` 字段中配置了 `/api` 的代理规则,且你想要替换它,你只需要修改该规则的 `target` 属性为新的目标地址即可。例如:
```javascript
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://new-example.com',
changeOrigin: true
}
}
}
}
```
这样,原来对 `/api` 的代理就会被替换为新的目标地址 `http://new-example.com`。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)