Spring Boot和Vue跨域請求問題原理解析

更新時間：2019年12月02日 10:57:10 作者：咸魚加點鹽

這篇文章主要介紹了Spring Boot和Vue跨域請求問題原理解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

使用Spring Boot + Vue 做前后端分離項目搭建，實現(xiàn)登錄時，出現(xiàn)跨域請求

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);
  }
}

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

Spring Web零xml配置原理以及父子容器關系詳解
這篇文章主要介紹了Spring Web零xml配置原理以及父子容器關系詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-08-08
Spring Boot中快速操作Mongodb數(shù)據(jù)庫指南
這篇文章主要給大家介紹了關于Spring Boot中如何快速操作Mongodb的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2021-05-05
基于java內(nèi)部類作用的深入分析
本篇文章介紹了，基于java內(nèi)部類作用的深入分析。需要的朋友參考下
2013-05-05
springboot通過jar包啟動中文日志亂碼問題及解決
這篇文章主要介紹了springboot通過jar包啟動中文日志亂碼問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-06-06
使用SpringBoot設置虛擬路徑映射絕對路徑
這篇文章主要介紹了使用SpringBoot設置虛擬路徑映射絕對路徑的操作，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2021-08-08
Spring事件監(jiān)聽基本原理與使用詳解
這篇文章主要介紹了Spring事件監(jiān)聽基本原理與使用詳解,Spring的事件監(jiān)聽機制和發(fā)布訂閱機制是很相似的：發(fā)布了一個事件后,監(jiān)聽該類型事件的所有監(jiān)聽器會觸發(fā)相應的處理邏輯,需要的朋友可以參考下
2024-01-01
Java并發(fā)問題之樂觀鎖與悲觀鎖
這篇文章主要介紹了Java并發(fā)問題之樂觀鎖與悲觀鎖，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-12-12
淺析Java語言中狀態(tài)模式的優(yōu)點
狀態(tài)模式允許對象在內(nèi)部狀態(tài)改變時改變它的行為，對象看起來好像修改了它的類。這個模式將狀態(tài)封裝成獨立的類，并將動作委托到代表當前狀態(tài)的對象，我們知道行為會隨著內(nèi)部狀態(tài)而改變
2023-02-02
Windows下 IDEA編譯調(diào)試 hive2.3.9的過程解析
這篇文章主要介紹了Windows下 IDEA編譯調(diào)試 hive2.3.9的過程,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2023-07-07
Spring Cloud應用實現(xiàn)配置自動刷新過程詳解
這篇文章主要介紹了Spring Cloud應用實現(xiàn)配置自動刷新過程詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2019-12-12