007真人007真人

来源:乐虎lehu国际娱乐之家  责任编辑:小易  

这篇文章主要介绍了Spring Boot和Vue跨域请求问题原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

使用Spring Boot + Vue 做前后端分离项目搭建,实现登录时,出现跨域请求

Access to XMLHttpRequest at 'https://localhost/open/login' from origin 'https://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 = 'https://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 = {"https://localhost:8080"};
    registry.addMapping("/**")
        .allowedOrigins(origins)
        .allowCredentials(true)
        .allowedMethods("*")
        .allowedHeaders("*")
        .maxAge(3600);
  }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持乐虎lehu国际娱乐之家。

您可能感兴趣的文章:


  • 本文相关:
  • 解决vue调用springboot接口403跨域问题
  • websocket在springboot+vue中的使用教程
  • springboot项目与vue项目整合打包的实现方式
  • 使用springboot结合vue实现sso单点登录
  • 解决前后端分离 vue+springboot 跨域 session+cookie失效问题
  • springboot整合vue项目(小试牛刀)
  • vue+springboot实现项目的cors跨域请求
  • springboot+vue.js实现前后端分离的文件上传功能
  • 基于jvm java内存区域的介绍
  • 如何提高java代码的重用性
  • 浅谈关于java正则和转义中\\和\\\\的理解
  • 使用maven archetype插件构建maven工程原型模板的实例
  • spring boot 把配置文件和日志文件放到jar外部
  • java生成和解析xml格式文件和字符串的实例代码
  • java线程同步实例分析
  • java 实现截取字符串并按字节分别输出实例代码
  • mybatis批量插入(insert)数据操作
  • 选择spring boot项目的内嵌容器的理由
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.pradaoutletonline.net All Rights Reserved