配置axios跨域后请求接口变成文件路径
时间: 2023-10-06 16:06:01 浏览: 97
Vue 3.x+axios跨域方案的踩坑指南
如果在配置 Axios 的跨域时出现请求接口变成文件路径的情况,可能是因为配置中 `baseURL` 和 `url` 的写法不正确导致的。
请确保 `baseURL` 写的是接口的地址,而不是文件的路径。同时,在发送请求时,`url` 也需要写完整的接口地址,而不是相对路径。可以参考以下示例代码:
```javascript
import axios from 'axios';
// 创建 Axios 实例
const instance = axios.create({
baseURL: 'http://api.example.com',
timeout: 5000,
headers: {
'Content-Type': 'application/json;charset=UTF-8'
}
});
// 发送 GET 请求
instance.get('/users')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log(error);
});
```
在上面的代码中,`baseURL` 写的是接口的地址,而不是文件的路径。在发送 GET 请求时,`url` 也需要写完整的接口地址,例如 `/users`,而不是相对路径 `users`。
阅读全文