axios跨域请求异常（自用）

最新推荐文章于 2025-05-21 09:13:48 发布

原创最新推荐文章于 2025-05-21 09:13:48 发布 · 388 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#axios #跨域

以后忘了看看专栏收录该内容

3 篇文章

订阅专栏

本文探讨了axios在前端进行跨域POST请求时遇到的问题，包括前端代码配置和后端响应头设置。通过具体示例展示了如何正确设置Content-Type和Access-Control-Allow-*系列头部，以实现跨域资源共享（CORS）。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

axios跨域请求异常问题
前端代码：

axios({
	method:"post",
	url:"",
	data:formData,
	headers:{
		'Content-Type':'multipart/form-data',
	}
	}).then(function(value){
	}
);

后台设置响应头：

httpServletResponse.setHeader("Access-Control-Allow-Origin", "*");
httpServletResponse.setHeader("Access-Control-Allow-Headers", "Content-Type,Content-Length, Authorization, Accept,X-Requested-With");
httpServletResponse.setHeader("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
httpServletResponse.setHeader("X-Powered-By","Jetty");