疑难杂症：axios跨域 , 有些可以访问成功，有些访问不成功
疑难杂症：axios跨域 , 有些可以访问成功，有些访问不成功
用户9914333
发布于 2022-07-21 20:11:42
发布于 2022-07-21 20:11:42
01
错误信息
调用接口报错误：
Access to XMLHttpRequest at 'http://xxxx/api/Order/OrderList' from origin 'http://xxx.xx.xx.xx:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
02
问题分析
看到上面的问题，第一反应就是跨域问题。处理方法，要么后台处理跨域，要么使用代理跨域，so eary。
方法一：后台进行跨域处理，处理后，postman测试没有问题，有些电脑访问也没有问题，但是有个别电脑访问，就会出现上面的错误提示，到底是什么原因呢？
方法二：使用代理跨域没有问题.
03
原因
最后，终于找到了原因，后台处理跨域时，Access-Control-Allow-Origin设置为*号，而*号，在origin为null的情况下，就有问题，没有生效。
04
解决方案（后端处理）
后端，处理跨域时，需要针对origin为null的情况，单独处理一下
代码如下：
String origin = httpServletRequest.getHeader("Origin");
if (origin == null) {
httpServletResponse.addHeader("Access-Control-Allow-Origin", "*");
} else {
httpServletResponse.addHeader("Access-Control-Allow-Origin", origin);
}注：
在发起post请求时，请求不止一次，会先发一个options请求，所以，注意不要重复添加，否则也不能解决问题。
String origin = httpServletRequest.getHeader("Origin");
if (origin == null) {
httpServletResponse.addHeader("Access-Control-Allow-Origin", "*");
} else if (httpServletRequest.getMethod().equals("OPTIONS")) {
httpServletResponse.addHeader("Access-Control-Allow-Origin", origin);
}05
总结
虽说，这问题，应该有后端来解决，但是由于这个问题，只是特定情况下才会出现的，所以容易扯不清，so , 我们前端，也要记住这个问题，如何出现这个问题，也可以提醒后端，可能是这个原因。
< END >
本文参与?腾讯云自媒体分享计划，分享自微信公众号。
原始发表：2020-09-29，如有侵权请联系?cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读