问一个关于 axios + springmvc 跨域的问题

本贴最后更新于 454 天前,其中的信息可能已经时移世改

场景

前后端分离,由于页面是不部署到容器中的,所以采用在 SpringMVC 后台运行跨域来实现。

问题

一般的请求没有什么问题。
但是由于需要解决中文参数乱码的问题,需要加 请求头,在 axios 添加了请求头以后,会有一个 options 请求先被发出,而这个 options 请求就会出现跨域无法请求的问题,SpringMVC 中 是允许 options 请求的,但是不生效

response.addHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, OPTIONS");

求大佬告知解决方法,我从网上搜到的都说是 对 options 请求 直接不处理,直接返回,但是我试了好像没有什么卵用。

赞助商 我要投放

被采纳的回答
  • Blackman99
    捐赠者
    • 我后端用 Springboot,前端 Vue-cli,请求用的也是 axios,没有做任何配置,就只在 Controller 上加了一个 @CrossOrigin 注解,可以正常请求
    • 后端不使用 @CrossOrigin 注解,不允许跨域,前端可以配置 WebpackdevServer 下的 proxy 选项详见:https://webpack.js.org/configuration/dev-server/#devserverproxy
      这种方式生产环境部署还是需要解决跨域问题,可以考虑用 Nginx 或者 Apache 配置代理让后端接口跟前端同域

    希望我的经验可以帮到你

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • telami
    捐赠者

    https://www.telami.cn/2019/06/21/springboot-resolve-cors/

    应有尽有

    顺便说,刚更新了下 ui https://github.com/telami/github4all

  • 其他回帖
  • Blackman99
    捐赠者
    • 我后端用 Springboot,前端 Vue-cli,请求用的也是 axios,没有做任何配置,就只在 Controller 上加了一个 @CrossOrigin 注解,可以正常请求
    • 后端不使用 @CrossOrigin 注解,不允许跨域,前端可以配置 WebpackdevServer 下的 proxy 选项详见:https://webpack.js.org/configuration/dev-server/#devserverproxy
      这种方式生产环境部署还是需要解决跨域问题,可以考虑用 Nginx 或者 Apache 配置代理让后端接口跟前端同域

    希望我的经验可以帮到你

    1 回复
  • someone9891
    捐赠者 作者

    刚才又尝试了一下,在 拦截器里面 单独处理了,现在可以 传 请求头,但是不知道这样会不会引起其他对问题

    if ("OPTIONS".equals(request.getMethod())){
    			 response.setContentType("text/html;charset=UTF-8");
    			 response.addHeader("Access-Control-Allow-Origin", "*");
    			 response.addHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, OPTIONS");
    			 response.setHeader("Access-Control-Allow-Headers", "x-requested-with,content-type");
    			 response.addHeader("Access-Control-Max-Age", "1800");
    			 BerWebUtil.responseSuccess(response, null);
    		 }
    
    1 回复
  • someone9891
    捐赠者 作者

    不是,我是页面 传如 request headers 的时候传不过来。不传就正常。加了 request headers 就会有一个 OPTIONS 请求,这个 OPTIONS 请求会跨域。

  • 查看全部回帖