场景 前后端分离,由于页面是不部署到容器中的,所以采用在 springmvc 后台运行跨域来实现。 问题 一般的请求没有什么问题。 但是由于需要解决中文参数乱码的问题,需要加 请求头,在 axios 添加了请求头以后,会有一个 options 请求先被发出,而这个 options 请求就会出现跨域无法请求的问题,Spr ..

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

场景

前后端分离,由于页面是不部署到容器中的,所以采用在 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配置代理让后端接口跟前端同域

    希望我的经验可以帮到你

20 回帖   
请输入回帖内容...
请输入回帖内容 ...