axios 设置Access-Control-Allow-Origin实现跨域访问
时间: 2024-03-16 13:39:45 浏览: 41
axios是一个基于Promise的HTTP客户端,用于发送HTTP请求。它可以在浏览器和Node.js中使用。要实现跨域访问,可以通过设置请求头中的Access-Control-Allow-Origin字段来解决。
在axios中设置Access-Control-Allow-Origin可以通过设置请求的headers来实现。具体步骤如下:
1. 在发送请求之前,先创建一个axios实例:
```javascript
import axios from 'axios';
const instance = axios.create({
baseURL: 'http://api.example.com', // 设置请求的基础URL
timeout: 5000, // 设置请求超时时间
});
```
2. 在发送请求时,设置请求头中的Access-Control-Allow-Origin字段:
```javascript
instance.get('/api/data', {
headers: {
'Access-Control-Allow-Origin': '*', // 允许所有来源进行跨域访问
},
})
.then(response => {
// 处理响应数据
})
.catch(error => {
// 处理错误
});
```
在上述代码中,我们通过设置headers字段来设置Access-Control-Allow-Origin为'*',表示允许所有来源进行跨域访问。你也可以根据需要设置具体的来源。