AxiosError: Network Error at XMLHttpRequest.handleError (webpack-internal:///./node_modules/axios/lib/adapters/xhr.js:158:14)
时间: 2023-11-28 15:05:42 浏览: 9868
AxiosError: Network Error是由于浏览器的跨域安全策略导致的。浏览器限制了跨域请求,只有在服务端设置了响应头Access-Control-Allow-Origin时,才允许跨域请求。解决方案是修改前端配置,具体步骤如下:
1. 修改vue.config.js文件,添加proxy配置:
```javascript
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies: true,
devServer: {
proxy: {
'/api': {
target: 'http://localhost:8088',
changeOrigin: true,
pathRewrite: {
'/api': ''
}
}
}
}
})
```
2. 在前端代码中使用axios时,将请求的url改为相对路径,例如:
```javascript
axios.get('/api/data')
.then(response => {
console.log(response.data)
})
.catch(error => {
console.log(error)
})
```
这样就可以解决AxiosError: Network Error的问题了。
阅读全文