vue里面怎么配置代理才能将http://localhost:8080/oper/login的localhost替换成192.168.1.160
时间: 2023-10-08 19:12:45 浏览: 56
可以在 `vue.config.js` 文件中配置代理:
```js
module.exports = {
devServer: {
proxy: {
'/oper': {
target: 'http://192.168.1.160:8080',
changeOrigin: true
}
}
}
}
```
这里的配置表示,当请求路径以 `/oper` 开头时,将请求转发到 `http://192.168.1.160:8080`,并将请求头中的 Host 字段替换成 `192.168.1.160`。这样,在开发环境下,当访问 `http://localhost:8080/oper/login` 时,实际上会被转发到 `http://192.168.1.160:8080/oper/login`。
相关问题
baseURL: process.env.VUE_APP_BASE_API怎么配置代理成http://192.168.1.160:3000
在 Vue 项目中,可以通过在 `vue.config.js` 文件中配置代理来实现 baseURL 的转发。
1. 在项目根目录下创建 `vue.config.js` 文件。
2. 在该文件中添加以下代码:
```
module.exports = {
devServer: {
proxy: {
'/api/*': {
target: 'http://192.168.1.160:3000',
secure: false,
changeOrigin: true
}
}
}
}
```
3. 保存文件,重新启动项目即可。
现在,当你访问 `process.env.VUE_APP_BASE_API` 时,实际上会被转发到 `http://192.168.1.160:3000` 上。
vue请求本地路径GET http://localhost:8080/.... 404 (Not Found)
这个错误通常是因为你的请求路径不正确或者你的本地服务器没有正确配置。你可以尝试以下几个步骤来解决这个问题:
1. 确认请求路径是否正确,可以通过打印请求路径来检查。确保请求路径与本地服务器的路径保持一致。
2. 确认本地服务器是否正确配置,你需要确保你的本地服务器能够正确识别你的请求。例如,在使用Vue.js时,你需要在vue.config.js文件中配置你的代理,以便在本地服务器上正确识别请求。
3. 确认资源是否存在,如果你请求的是一个文件,你需要确保该文件存在于你的本地服务器中,并且路径正确。
如果以上步骤都没有解决问题,你可以尝试使用浏览器的开发者工具来查看更多的错误信息,这有助于你更好地了解出错的原因。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_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)