怎么使用axios 发送一个跨域请求
时间: 2024-06-09 17:12:24 浏览: 96
要使用axios发送跨域请求,需要在后端设置跨域访问的允许,同时在前端也需要设置相关的配置。以下是一个简单的示例:
```javascript
import axios from 'axios';
axios({
method: 'get',
url: 'http://example.com/api/data',
withCredentials: true,
headers: {
'Access-Control-Allow-Origin': '*',
'Content-Type': 'application/json',
},
})
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log(error);
});
```
在这个示例中,我们使用了axios发送了一个get请求,请求的地址是`http://example.com/api/data`,我们设置了`withCredentials`为`true`,这样可以让axios发送带cookie的跨域请求。
在请求头中,我们设置了`Access-Control-Allow-Origin`为`*`,这是后端设置的允许跨域访问的域名,同时也需要设置`Content-Type`为`application/json`,这是请求的数据类型。
需要注意的是,在跨域请求中,由于浏览器的安全策略限制,我们无法直接获取到跨域请求的响应头信息。如果需要获取响应头信息,需要在后端进行相关的配置。
阅读全文