前端报错Access to XMLHttpRequest at ’ ’ from origin’ 'has been blocked by CORS policy

一看CORS,差不多就是跨域问题了,而且我是前后端分离项目,URLA和URLB是前端和后端服务器地址。URLA和URLB也的确不属于同一个域,并且是使用了ajax。然后我就去网上查了解决方案。
主要有以下几种:

  1. 后端的controller增加 response.addHeader(“Access-Control-Allow-Origin”, “*”);
  2. 前端网页增加
  3. 前端ajax调用时设置
    $.ajaxSetup({
    xhrFields: {
    withCredentials: true
    }
    但是都没有用,后来我发现是因为后端的shiro安全框架,对这个URL设置了安全访问例外,就是不需要用户认证就可以访问。我又新增了一个需要用户认证的controller就解决了。
Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐