spring 4.2 版本以下的vue跨域问题解决

分手后的思念是犯贱 2022-04-10 03:22 276阅读 0赞

如果是 spring 4.2 版本以上的跨域问题解决, @CrossOrigin注解既可注解在方法上，也可注解在类上。

我主要说 springmvc 4.1 以下版本的处理方式

拦截器中放过options校验请求

// 拦截器中判断，如果请求方式 是 options 直接放回false 不请求业务代码
    	String m = request.getMethod();
            if("options".equalsIgnoreCase(m.toLowerCase())){
            	response.addHeader("Access-Control-Allow-Origin","*");
                response.addHeader("Access-Control-Allow-Methods","*");
                response.addHeader("Access-Control-Max-Age","100");
                response.addHeader("Access-Control-Allow-Headers", "Content-Type");
                response.addHeader("Access-Control-Allow-Credentials","false");
               return false;
            }

Controller方法添加跨域请求头

response.addHeader("Access-Control-Allow-Origin","*");
    response.addHeader("Access-Control-Allow-Methods","*");
    response.addHeader("Access-Control-Max-Age","100");
    response.addHeader("Access-Control-Allow-Headers", "Content-Type");
    response.addHeader("Access-Control-Allow-Credentials","false");

web.xml 里 dispatchOptionsRequest  true 允许校验请求

<servlet>
        <servlet-name>backend</servlet-name>
        <servlet-class>
    	org.springframework.web.servlet.DispatcherServlet
        </servlet-class>
        <init-param>  
             <param-name>dispatchOptionsRequest</param-name>  
             <param-value>true</param-value>  
        </init-param>
        <load-on-startup>1</load-on-startup>
      </servlet>
      <servlet-mapping>
        <servlet-name>backend</servlet-name>
        <url-pattern>/</url-pattern>
      </servlet-mapping>

发表评论取消回复

表情：

评论列表（有 0 条评论，276人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue解决跨域问题

两天有朋友用vue写页面遇到了跨域问题（其实是后台的问题），但是在局域网下也得把数据调过来，我在这里简单总结两种方法吧，希望对大家有帮助。跨域问题的报错是下面这样的...

╰半夏微凉°/ 2024年04月18日 08:51/ 0 赞/ 99 阅读

相关 Vue解决跨域问题

创建Vue项目，在src同级目录下创建vue.config.js文件。 vue.config.js文件内容如下： module.exports = {

野性酷女/ 2023年10月08日 23:27/ 0 赞/ 72 阅读

相关【Vue】Vue 中解决跨域问题

背景跨域问题，来源于浏览器中的同源策略。同源（或同一个域）是两个页面具有相同的协议，主机和端口号。在前后端分离的项目中，两个页面（即访问端与服务端）通常是非同源的

深碍√TFBOYSˉ_/ 2023年07月10日 14:26/ 0 赞/ 24 阅读

相关 Vue解决跨域问题

1.在前端解决在config/index.js配置proxyTable //解决跨域 proxyTable: { //第三方接口

深藏阁楼爱情的钟/ 2023年06月04日 15:56/ 0 赞/ 22 阅读

相关 vue 解决跨域问题

在config.js文件中（如果没有就自己创建一个在src的根目录下）修改 proxyTable中的内容 module.exports = { d

￡神魔★判官ぃ/ 2023年01月02日 13:29/ 0 赞/ 22 阅读

相关 springboot+vue解决跨域问题

后台添加过滤器，允许跨域 @Configuration public class GlobalCorsConfig { @Bean

向右看齐/ 2022年05月07日 16:58/ 0 赞/ 300 阅读

相关 springboot+vue解决跨域问题

后台添加过滤器，允许跨域 @Configuration public class GlobalCorsConfig { @Bean

Dear 丶/ 2022年05月07日 03:48/ 0 赞/ 317 阅读

相关 spring 4.2 版本以下的vue跨域问题解决

如果是 spring 4.2 版本以上的跨域问题解决, @CrossOrigin注解既可注解在方法上，也可注解在类上。我主要说 springmvc 4.1 以下版本的处理方

分手后的思念是犯贱/ 2022年04月10日 03:22/ 0 赞/ 277 阅读

相关 Vue解决跨域问题

在config文件夹下面的index.js里面进行修改这个是3\版本其他版本不一定是这个文件夹 module.exports = { dev:

àì夳堔傛蜴生んèń/ 2022年01月21日 06:11/ 0 赞/ 377 阅读

相关解决vue的跨域问题

> 使用官方推荐方法进行跨域问题解决 ![71fbc7ebfd09435866efe8801ea111dd.png][] 之前使用vue-jsonp 来解决跨域问题，这次使

你的名字/ 2021年09月04日 05:28/ 0 赞/ 539 阅读