axios跨域怎么解决
时间: 2023-10-18 16:54:55 浏览: 92
你可以使用 axios 发送跨域请求时,可以通过设置请求头或者使用代理来解决跨域问题。以下是两种常见的解决方法:
1. 设置请求头:在发送请求之前,可以设置 `Access-Control-Allow-Origin` 头部字段,允许指定的域名进行跨域访问。例如,如果你的请求目标是 `http://example.com`,可以在请求头中添加以下字段:
```javascript
axios.defaults.headers.common['Access-Control-Allow-Origin'] = 'http://example.com';
```
2. 使用代理:你可以在后端设置代理来转发请求,绕过跨域限制。例如,在 Node.js 中,你可以使用 `http-proxy-middleware` 模块来设置代理。首先,安装 `http-proxy-middleware`:
```bash
npm install http-proxy-middleware
```
然后,在你的后端代码中添加以下配置:
```javascript
const express = require('express');
const { createProxyMiddleware } = require('http-proxy-middleware');
const app = express();
app.use('/api', createProxyMiddleware({
target: 'http://example.com', // 目标地址
changeOrigin: true, // 修改 origin
}));
app.listen(3000, () => {
console.log('App listening on port 3000');
});
```
以上是两种比较常见的解决跨域问题的方法,你可以根据你的具体情况选择适合的方式来解决。
阅读全文
相关推荐


















