300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > vue+ssm前后端分离session跨域问题

vue+ssm前后端分离session跨域问题

时间:2021-09-19 04:17:19

相关推荐

vue+ssm前后端分离session跨域问题

1、vue工程

前端在vue的main文件全局添加一下代码:

import axios from 'axios';axios.defaults.withCredentials=true;

也可以借鉴此博客自己编写过滤器

/weixin_42309402/article/details/105602926

2、后台添加cors-filter 配置

/M100782530qrcord/article/details/79957075

<dependency><groupId>com.thetransactioncompany</groupId><artifactId>cors-filter</artifactId><version>2.5</version><scope>compile</scope></dependency>web.xml中添加配置<filter><description>跨域过滤器</description><filter-name>CORS</filter-name><filter-class>com.thetransactioncompany.cors.CORSFilter</filter-class><init-param><param-name>cors.allowOrigin</param-name><param-value>*</param-value></init-param><init-param><param-name>cors.supportedMethods</param-name><param-value>GET, POST, HEAD, PUT, DELETE</param-value></init-param><init-param><param-name>cors.supportedHeaders</param-name><param-value>Accept, Origin, X-Requested-With, Content-Type, Last-Modified</param-value></init-param><init-param><param-name>cors.exposedHeaders</param-name><param-value>Set-Cookie</param-value></init-param><init-param><param-name>cors.supportsCredentials</param-name><param-value>true</param-value></init-param></filter><filter-mapping><filter-name>CORS</filter-name><url-pattern>/*</url-pattern></filter-mapping>

总结:分为两步

前台vue中添加axios 开启跨域

后台自己编写过滤器,或者使用cors-filter 插件

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。