axios没走代理服务器
时间: 2023-11-29 11:47:25 浏览: 59
为了解决跨域问题,我们可以使用代理服务器。如果axios没有走代理服务器,可能是以下原因导致的:
1.没有在axios请求中设置代理服务器的地址。
2.代理服务器的地址设置不正确。
3.代理服务器没有正确配置。
以下是一个axios请求中设置代理服务器的例子:
```javascript
axios.get('/api/students', {
// 设置代理服务器的地址
proxy: {
host: 'localhost',
port: 5000
}
})
```
如果代理服务器的地址设置正确,但是axios仍然没有走代理服务器,可能是代理服务器没有正确配置。在vue.config.js中配置代理服务器时,需要注意以下几点:
1.需要安装http-proxy-middleware依赖。
2.需要设置代理服务器的target属性,指向需要代理的服务器地址。
3.需要设置代理服务器的pathRewrite属性,将请求路径中的/api前缀替换为空字符串。
以下是一个正确配置代理服务器的vue.config.js文件的例子:
```javascript
const { createProxyMiddleware } = require('http-proxy-middleware')
module.exports = {
devServer: {
// 配置代理服务器
before: function (app) {
app.use(
'/api',
createProxyMiddleware({
target: 'http://localhost:5000', changeOrigin: true,
pathRewrite: {
'^/api': ''
}
})
)
}
}
}
```
阅读全文