使用axios进行跨域请求时，如何添加CORS头部？

在使用Axios进行跨域请求时，你需要确保发送的是CORS（Cross-Origin Resource Sharing）兼容的请求。在发起请求之前，你可以手动设置`config`对象的`headers`属性来添加CORS相关的头部信息，特别是`'Content-Type'`和`'Authorization'`等。 这是一个示例： ```javascript import axios from 'axios'; const instance = axios.create({ baseURL: 'https://your-api-url.com', // your api base url headers: { 'Content-Type': 'application/json', // 根据实际需求设置内容类型 Authorization: 'Bearer your-token', // 如果有token，这里添加 }, }); instance.options('/api/endpoint', { // 执行一个预检请求，确认服务器接受CORS headers: { 'Access-Control-Request-Headers': '*', // 允许所有头 } }) .then(response => { if (response.status === 204 || response.headers['access-control-allow-methods']) { // 跨域设置成功，后续请求按照正常方式进行 return instance.get('/api/endpoint', { ... }); // 正式请求 } else { console.error('CORS preflight failed'); } }) .catch(error => { console.error('Error:', error); }); ``` 注意，预检请求（`OPTIONS`方法）是为了检查服务器是否支持CORS，并不是实际的数据请求。如果预检请求成功，服务器会响应`Access-Control-Allow-Methods`等头信息，然后正式请求就可以发送了。