快捷導(dǎo)航

詳解springboot和vue前后端分離開(kāi)發(fā)跨域登陸問(wèn)題

更新時(shí)間：2019年09月13日 10:41:43 作者：君莫笑

這篇文章主要介紹了詳解springboot和vue前后端分離開(kāi)發(fā)跨域登陸問(wèn)題，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

前后端分離開(kāi)發(fā)中，一般都會(huì)遇到請(qǐng)求跨域問(wèn)題。而且一般也會(huì)遇到登陸失效問(wèn)題。今天就以springboot和vue為例來(lái)看如何解決上述問(wèn)題

增加過(guò)濾器

@WebFilter
@Component
public class CorsFilter implements Filter {
 @Override
 public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {
  HttpServletRequest request = (HttpServletRequest) req;
  HttpServletResponse response = (HttpServletResponse) res;
  response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin"));
  response.setHeader("Access-Control-Allow-Credentials", "true");
  response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
  response.setHeader("Access-Control-Max-Age", "3600");
  response.setHeader("Access-Control-Allow-Headers", "x-requested-with");
  System.out.println("**************************跨域過(guò)濾器被使用**************************");
  chain.doFilter(req, res);
 }
}

注意Access-Control-Allow-Origin這個(gè)屬性不要用 * ，因?yàn)橛?* 的話(huà)是可以解決跨域問(wèn)題，但是無(wú)法解決登陸失效的問(wèn)題。

axios屬性設(shè)置

在Vue中使用axios來(lái)發(fā)送請(qǐng)求，我們?cè)黾尤缦略O(shè)置

axios.defaults.withCredentials = true;

如果沒(méi)有配置為true，默認(rèn)為false則向后臺(tái)發(fā)送的請(qǐng)求當(dāng)中不攜帶cookie信息，如此每一次sessionID自然會(huì)不同。因此獲取不到登陸信息。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

如何在Eclipse中設(shè)置Oracle的JDBC
以下是對(duì)在Eclipse中設(shè)置Oracle的JDBC的具體操作方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過(guò)來(lái)參考下
2013-08-08
Java中的跨域和@CrossOrigin注解的作用詳解
這篇文章主要介紹了Java中的跨域和@CrossOrigin注解的作用詳解,跨域，指的是瀏覽器不能執(zhí)行其他網(wǎng)站的腳本。它是由瀏覽器的同源策略造成的，是瀏覽器對(duì)JavaScript施加的安全限制,需要的朋友可以參考下
2023-12-12
Java實(shí)現(xiàn)按權(quán)重隨機(jī)數(shù)
這篇文章主要介紹了Java實(shí)現(xiàn)按權(quán)重隨機(jī)數(shù),本文給出了提出問(wèn)題、分析問(wèn)題、解決問(wèn)題三個(gè)步驟,需要的朋友可以參考下
2015-04-04
SpringCloud 2020-Ribbon負(fù)載均衡服務(wù)調(diào)用的實(shí)現(xiàn)
這篇文章主要介紹了SpringCloud 2020-Ribbon負(fù)載均衡服務(wù)調(diào)用的實(shí)現(xiàn),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2021-03-03
Spring Boot（三）之找回熟悉的Controller，Service
這篇文章主要介紹了Spring Boot（三）之找回熟悉的Controller，Service,需要的朋友可以參考下
2017-04-04
解決SpringMVC攔截器path路徑的坑
這篇文章主要介紹了解決SpringMVC攔截器path路徑的坑，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2021-10-10
MyBatis-Plus實(shí)現(xiàn)字段自動(dòng)填充功能的示例
本文主要介紹了MyBatis-Plus實(shí)現(xiàn)字段自動(dòng)填充功能的示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-11-11
Spring Security表單配置過(guò)程分步講解
SpringSecurity的配置基于WebSecurityConfigurerAdapter的實(shí)現(xiàn)類(lèi),我們這里主要講基本配置,即configure(HttpSecurity http)方法的配置,其實(shí)大都有默認(rèn)值,我們可以直接用默認(rèn)值,也可以自己設(shè)置
2023-01-01
maven配置阿里倉(cāng)庫(kù)的方法步驟
這篇文章主要介紹了maven配置阿里倉(cāng)庫(kù)的方法步驟，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-12-12
Java 中ThreadLocal類(lèi)詳解
什么是ThreadLocal？顧名思義它是local variable（線(xiàn)程局部變量）。它的功用非常簡(jiǎn)單，就是為每一個(gè)使用該變量的線(xiàn)程都提供一個(gè)變量值的副本，是每一個(gè)線(xiàn)程都可以獨(dú)立地改變自己的副本，而不會(huì)和其它線(xiàn)程的副本沖突。從線(xiàn)程的角度看，就好像每一個(gè)線(xiàn)程都完全擁有該變量。
2016-03-03