Spring Boot和Vue跨域请求问题原理解析

更新时间：2019年12月02日 10:57:10 作者：咸鱼加点盐

这篇文章主要介绍了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);
  }
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

Java基础学习之运算符相关知识总结
今天带大家复习Java基础知识,文中对Java运算符相关知识作了详细总结,对正在学习java基础的小伙伴们很有帮助,需要的朋友可以参考下
2021-05-05
Spring Boot实现微信小程序登录
这篇文章主要为大家详细介绍了Spring Boot实现微信小程序登录，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-04-04
@Configuration保证@Bean单例语义方法介绍
这篇文章主要介绍了SpringBoot中的@Configuration与@Bean注解，在进行项目编写前，我们还需要知道一个东西，就是SpringBoot对我们的SpringMVC还做了哪些配置，包括如何扩展，如何定制，只有把这些都搞清楚了，我们在之后使用才会更加得心应手
2023-01-01
Springboot如何获取yml、properties参数
这篇文章主要介绍了Springboot如何获取yml、properties参数，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-03-03
Java8深入学习系列（一）lambda表达式介绍
Java8最值得学习的特性就是Lambda表达式和Stream API，所以我们学习java8的第一课就是学习lambda表达式，下面这篇文章主要给大家介绍了关于Java8学习之lambda的相关资料，文中介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧。
2017-08-08
Java将日期类型Date时间戳转换为MongoDB的时间类型数据
今天小编就为大家分享一篇关于Java将日期类型Date时间戳转换为MongoDB的时间类型数据，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
2018-10-10
Java、Javascript、Javaweb三者的区别及说明
这篇文章主要介绍了Java、Javascript、Javaweb三者的区别及说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-02-02
Java this关键字的使用详解
this 关键字是 Java 常用的关键字，可用于任何实例方法内指向当前对象，也可指向对其调用当前方法的对象，或者在需要当前类型对象引用时使用
2021-11-11
Java SM2加密相关实现与简单原理详解
SM2算法可以用较少的计算能力提供比RSA算法更高的安全强度,而所需的密钥长度却远比RSA算法低,这篇文章主要给大家介绍了关于Java SM2加密相关实现与简单原理的相关资料,需要的朋友可以参考下
2024-01-01
Spring-AOP自动创建代理之BeanNameAutoProxyCreator实例
这篇文章主要介绍了Spring-AOP自动创建代理之BeanNameAutoProxyCreator实例，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2021-07-07