解決Vue調(diào)用springboot接口403跨域問(wèn)題
最近在做一個(gè)前后端分離的項(xiàng)目, 前端用的是Vue后端使用的是springboot, 在項(xiàng)目整合的時(shí)候發(fā)現(xiàn)前端調(diào)用后端接口報(bào)錯(cuò)403跨域請(qǐng)求問(wèn)題
前端跨域請(qǐng)求已解決, 那么問(wèn)題就出在后端了, 找了一些資料找到了很多種方法, 這里說(shuō)兩個(gè)簡(jiǎn)單粗暴的.
注意：“@CrossOrigin“注解要求jdk1.8及以上版本, SpringMVC 4.2及以上版本
1. 在controller層上添加@Configuration注解, 如果沒(méi)有效果請(qǐng)制定RequestMapping總的method類(lèi)型在試一下.(此注解也可以加在方法上)
2. 上面的方法解決的是部分功能的跨域問(wèn)題, 有的時(shí)候我們需要全局跨域, 那么可以配置一個(gè)config類(lèi), 新建一個(gè)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("/**");
}
};
}
}
總結(jié)
以上所述是小編給大家介紹的解決Vue調(diào)用springboot接口403跨域問(wèn)題,希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺(jué)得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！
相關(guān)文章
上一篇文章我們介紹了利用Vue3 創(chuàng)建Vue CLI 項(xiàng)目（一），接下來(lái)就來(lái)看看Vue3集成Ant Design Vue 的相關(guān)資料，需要的小伙伴可以參考一下文章的具體內(nèi)容2021-10-10
這篇文章主要介紹了vue 如何獲取視頻第一幀，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
Vue3增加了很多讓人眼前一亮的特征,suspense 組件就是其中之一,對(duì)處理異步請(qǐng)求數(shù)據(jù)非常實(shí)用,下面這篇文章主要給大家介紹了關(guān)于Vue3中如何使用異步請(qǐng)求的相關(guān)資料,需要的朋友可以參考下2022-06-06
Vue.js是現(xiàn)在比較優(yōu)秀的Web前端框架,非常推薦大家入門(mén)學(xué)習(xí),這篇文章主要給大家介紹了關(guān)于如何一步步從零搭建一個(gè)Vue項(xiàng)目的相關(guān)資料,文中通過(guò)圖文以及實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-05-05
Vue解析剪切板圖片并實(shí)現(xiàn)發(fā)送功能
這篇文章主要介紹了Vue解析剪切板圖片并實(shí)現(xiàn)發(fā)送功能,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-02-02
這篇文章主要介紹了使用Vue制作圖片輪播組件思路詳解,需要的朋友可以參考下2018-03-03
Vue3之路由的query參數(shù)和params參數(shù)用法
這篇文章主要介紹了Vue3之路由的query參數(shù)和params參數(shù)用法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
vue 自定義組件 v-model雙向綁定、 父子組件同步通信的多種寫(xiě)法
父子組件通信，都是單項(xiàng)的，很多時(shí)候需要雙向通信。這篇文章主要介紹了vue 自定義組件 v-model雙向綁定、 父子組件同步通信,需要的朋友可以參考下2017-11-11
在for循環(huán)中生成的元素要加key屬性不僅是在Vue框架中是要添加的，在React框架中也是要添加的。但\其實(shí)都不是必須的，因?yàn)樵?Vue和React中不加key是不會(huì)報(bào)錯(cuò)的，只是會(huì)有警告。但是我們?cè)谏钊肓私饧觡ey的原因后會(huì)明白，若想確保沒(méi)有隱患的話(huà)，元素還是必須要加key屬性。2021-05-05
這篇文章主要介紹了uniapp?vue與nvue輪播圖輪播圖組件的實(shí)例代碼，代碼簡(jiǎn)單易懂，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-12-12