springboot + vue项目跨域请求解决方案

https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS

以下是跨域解决方案

服务端添加一个拦截器即可

@Component
public class RequestFilter implements Filter {Logger logger = LoggerFactory.getLogger(RequestFilter.class);@Overridepublic void init(FilterConfig filterConfig) throws ServletException {}@Overridepublic void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {HttpServletRequest request = (HttpServletRequest)servletRequest;HttpServletResponse response = (HttpServletResponse)servletResponse;logger.info("解决跨域的Filter---------------------------------------》");String origin = request.getHeader("Origin");response.setHeader("Access-Control-Allow-Origin","*");response.setHeader("Access-Control-Allow-Method","GET, HEAD, POST, PUT, DELETE, TRACE, OPTIONS, PATCH");response.setHeader("Access-Control-Allow-Headers","X-Requested-With, Accept, Content-Type");// 是否允许浏览器携带用户身份信息（cookie）response.setHeader("Access-Control-Allow-Credentials","true");String method = request.getMethod();if ("OPTIONS".equals(method)){response.setStatus(HttpServletResponse.SC_OK);filterChain.doFilter(servletRequest,servletResponse);}else {filterChain.doFilter(servletRequest,servletResponse);}}

springboot + vue项目跨域请求解决方案相关推荐

node服务器放vue项目,本地Vue项目跨域请求本地Node.js服务器的配置方法
前言:跨域请求是在本地开发时经常遇到的需求,也很简单,只是几句代码配置一下的问题.我初次配置跨域请求时由于官方的说明太简洁,找到的教程又落伍,调试了一番并没有解决问题,到最后解决问题,已花费了很多时间 ...
解决方案：SpringBoot分布式项目跨域
解决方案:SpringBoot分布式项目跨域场景: web端:localhost:8001 后台user服务:localhost:9001 请求:web端请求后台user服务,报跨域异常异常信息 ...
SpringBoot2.1.5 (22)--- SpringBoot设置支持跨域请求
SpringBoot2.1.5 (22)--- SpringBoot设置支持跨域请求现代浏览器处于安全的考虑,在http/https请求时必须遵守同源策略,否则即使跨域的http/https 请求, ...
Node.js跨域请求解决方案
Node.js跨域请求解决方案一.缘由: 初到公司,老大让去解决之前项目客户提出的一个小问题,对某一模块进行访问验证,之前的项目是PHP做的,对此不了解,因此不打算先学习PHP再去解决问题,考虑到客 ...
vue项目跨域的问题（一个项目对接两个不同的域名、端口接口导致跨域,最好的办法是后端解决）
vue项目跨域的问题前端解决方法(一个项目对接两个不同的域名.端口接口导致跨域,最好的办法是后端解决) 前端解决方法: ①打开config文件---->index.js文件,找到 proxyTa ...
跨域请求解决方案及详解
1. 什么是跨域跨域,是指浏览器不能执行其他网站的脚本.它是由浏览器的同源策略造成的,是浏览器对JavaScript实施的安全限制. 同源策略限制了一下行为: Cookie.LocalStorage ...
解决vue axios跨域请求发送两次问题
解决vue axios跨域请求发送两次问题参考文章: (1)解决vue axios跨域请求发送两次问题 (2)https://www.cnblogs.com/wordblog/p/12171875. ...
Vue ajax跨域请求*
Vue ajax跨域请求 Vue webpack-dev-server实现跨域请求思路配置webpack-dev-server,代理某一个路径到目标路径,同是更改源和重写 Vue里定义一个全部变量 ...
JS跨域请求解决方案-CORS
文章目录 JS跨域请求解决方案-CORS 1.JS跨域请求测试JavaScript的跨域请求(失败) 2. 跨域解决方案CORS 普通实现方法 springMVC的跨域请求注解 3.分布式Id解决方 ...

springboot + vue项目跨域请求解决方案

以下是跨域解决方案

springboot + vue项目跨域请求解决方案相关推荐

最新文章

热门文章