解決Vue調用springboot接口403跨域問題

這篇文章主要介紹瞭解決Vue調用springboot接口403跨域問題,本文給大家介紹的非常詳細，具有一定的參考借鑑價值，需要的朋友可以參考下

最近在做一個前後端分離的項目, 前端用的是Vue後端使用的是springboot, 在項目整合的時候發現前端調用後端接口報錯403跨域請求問題

前端跨域請求已解決, 那麼問題就出在後端了, 找了一些資料找到了很多種方法, 這裏說兩個簡單粗暴的.

注意：“@CrossOrigin“註解要求jdk1.8及以上版本, SpringMVC 4.2及以上版本

1. 在controller層上添加@Configuration註解, 如果沒有效果請制定RequestMapping總的method類型在試一下.(此註解也可以加在方法上)

2. 上面的方法解決的是部分功能的跨域問題, 有的時候我們需要全局跨域, 那麼可以配置一個config類, 新建一個java文件, 代碼如下

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;
@SuppressWarnings("deprecation")
@Configuration
public class MyConfiguration {
 @Bean
 public WebMvcConfigurer corsConfigurer() {
  return new WebMvcConfigurerAdapter() {
   @Override
   public void addCorsMappings(CorsRegistry registry) {
    registry.addMapping("/**");
   }
  };
 }
}

總結

以上所述是小編給大家介紹的解決Vue調用springboot接口403跨域問題,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回覆大家的。在此也非常感謝大家對神馬文庫網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請註明出處，謝謝！