vue2中为何设置了baseurl,network中还是显示 http://localhost:8081/
时间: 2024-09-20 17:09:23 浏览: 54
VUE : vue-cli中去掉路由中的井号#操作
5星 · 资源好评率100%
在Vue 2项目中,设置`baseUrl`主要是为了管理应用程序的公共路径,特别是在处理异步请求(如API调用)时。当你设置了`baseURL`,例如在axios配置中,它会作为所有请求的前缀,比如你可能会这样设置:
```javascript
import axios from 'axios';
axios.defaults.baseURL = '/api'; // 或者 'http://localhost:8081/api';
```
这里假设你的API都部署在这个基础路径下,例如`http://localhost:8081/api/your-endpoint`。
然而,如果你发现网络请求仍然显示完整的URL `http://localhost:8081/`,可能是以下几个原因:
1. **未应用到axios实例上**:确保你在发送实际请求的地方(如组件的methods、Vuex actions等)也应用了这个`baseURL`设置。
2. **跨域问题**:如果请求的目标地址不是同源策略允许的范围,即使设置了`baseURL`,浏览器仍会显示完整URL。你需要检查并配置服务器的CORS策略或者使用JSONP。
3. **路由拦截器**:在Vue Router的全局守卫里,可能有其他地方对请求进行了处理,没有将`baseURL`包含进去。
4. **Vue.config.devtool`设置**:如果开启了`devtool`,它可能会影响代理设置,检查是否有冲突。
阅读全文