Cors跨域请求问题

Posted 2023-03-19

参考技术A 使用ajax请求后台时前端控制台报错：Failed to load https://example.com/ : No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘ https://anfo.pl' is therefore not allowed access. If an opaque response serves your needs, set the request’s mode to ‘no-cors’ to fetch the resource with CORS disabled.

1.nginx反向代理
思路是：利用nginx反向代理把跨域为不跨域，支持各种请求方式
缺点：需要在nginx进行额外配置，语义不清晰

2.后台处理，与SpringBoot启动类同级目录下新建一个配置类

参考文章： https://www.jianshu.com/p/98d4bc7565b2

如何用CORS来解决JS中跨域的问题

参考技术A 1、CORS的原理：CORS定义一种跨域访问的机制，可以让AJAX实现跨域访问。CORS 允许一个域上的网络应用向另一个域提交跨域 AJAX 请求。实现此功能非常简单，只需由服务器发送一个响应标头即可。
2、tomcat如何配置cors的跨域请求：
在tomcat中，有一个和cors相关的拦截器：CORS Filter
该过滤器可以通过添加必需的访问控制请求头Access-Control-*对象来进行跨域。同时还可以对一些请求进行拦截。如果请求是无效的，或者是不被允许的，该请求被拒绝或者禁止。