Spring Boot和Vue跨域请求问题原理解析
2019-12-02 18:12
2441 查看
这篇文章主要介绍了Spring Boot和Vue跨域请求问题原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
使用Spring Boot + Vue 做前后端分离项目搭建,实现登录时,出现跨域请求
Access to XMLHttpRequest at 'http://localhost/open/login' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Vue中使用的Axios,配置main.js文件
Axios.defaults.baseURL = 'http://localhost:80' Axios.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8' Axios.defaults.withCredentials = true
Spring Boot中重写WebMvcConfigurationSupport的方法addCorsMapping
import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.CorsRegistry; import org.springframework.web.servlet.config.annotation.WebMvcConfigurationSupport; @Configuration public class WebMvcConfig extends WebMvcConfigurationSupport{ @Override public void addCorsMappings(CorsRegistry registry) { String[] origins = {"http://localhost:8080"}; registry.addMapping("/**") .allowedOrigins(origins) .allowCredentials(true) .allowedMethods("*") .allowedHeaders("*") .maxAge(3600); } }
以上就是本文的全部内容,希望对大家的学习有所帮助
您可能感兴趣的文章:
相关文章推荐
- springboot vue 登陆发送请求(跨域问题)02
- springboot处理ajax请求跨域问题
- react +axios 后端使用springboot进行跨域请求时数据丢失问题
- 解决Springboot与前端VUE整合 出现的跨域访问报错问题
- SpringBoot-跨域请求问题解决
- 详解Spring Boot 2.0.2+Ajax解决跨域请求的问题
- springboot vue 跨域问题的解决
- 【SpringBoot学习笔记】SpringBoot_02_vue和SpringBoot的跨域请求
- Spring Boot学习总结(6)——SpringBoot解决ajax跨域请求问题的配置
- SpringBoot配置Cors解决跨域请求问题
- vue+springboot实现项目的CORS跨域请求
- idea+HBuilderX实现springboot+springdata-jpa+vue+axios前后端分离增删改查,分页+解决跨域问题的idea页面
- springboot 解决 woff2、ttf 跨域无法解析问题
- Nginx+Springboot+Vue 前后端分离 解决跨域问题
- springboot vue (跨域问题)
- SpringBoot配置Cors解决跨域请求问题
- vue+springboot前后端分离实现单点登录跨域问题解决方法
- 【笔记】总结Springboot和Vue前后端分离的跨域问题
- 使用 vue + springboot 前后端分离 跨域、cookie、session 问题,全套配置一篇就够了
- Spring boot 和Vue开发中CORS跨域问题解决