axios post怎么添加跨域访问
时间: 2024-02-17 20:58:49 浏览: 82
在使用axios进行POST请求时,如果需要跨域访问,可以通过设置请求头来实现。以下是使用axios进行POST请求并添加跨域访问的示例代码:
```javascript
import axios from 'axios';
const postData = async () => {
try {
const response = await axios.post('http://example.com/api', {
data: 'your data',
}, {
headers: {
'Content-Type': 'application/json',
'Access-Control-Allow-Origin': '*', // 设置允许跨域访问的域名,可以使用通配符*表示允许所有域名访问
},
});
console.log(response.data);
} catch (error) {
console.error(error);
}
};
postData();
```
在上述代码中,我们通过axios.post方法发送POST请求,并在请求头中设置了'Access-Control-Allow-Origin'字段为'*',表示允许所有域名进行跨域访问。你可以根据实际需求修改该字段的值。
注意:在实际开发中,为了安全起见,应该将'Access-Control-Allow-Origin'字段设置为具体的允许跨域访问的域名,而不是使用通配符*。
阅读全文