詳解springboot和vue前后端分離開發(fā)跨域登陸問題
前后端分離開發(fā)中,一般都會遇到請求跨域問題。而且一般也會遇到登陸失效問題。今天就以springboot和vue為例來看如何解決上述問題
增加過濾器
@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("**************************跨域過濾器被使用**************************");
chain.doFilter(req, res);
}
}
注意Access-Control-Allow-Origin這個屬性不要用 * ,因為用 * 的話是可以解決跨域問題,但是無法解決登陸失效的問題。
axios屬性設置
在Vue中使用axios來發(fā)送請求,我們增加如下設置
axios.defaults.withCredentials = true;
如果沒有配置為true,默認為false則向后臺發(fā)送的請求當中不攜帶cookie信息,如此每一次sessionID自然會不同。因此獲取不到登陸信息。
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
Spring Boot + Mybatis-Plus實現(xiàn)多數據源的方法
這篇文章主要介紹了Spring Boot + Mybatis-Plus實現(xiàn)多數據源的方法,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-11-11
springboot接入cachecloud redis示例實踐
這篇文章主要介紹了springboot接入cachecloud redis示例實踐,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-10-10
springboot jta atomikos實現(xiàn)分布式事物管理
這篇文章主要介紹了springboot jta atomikos實現(xiàn)分布式事物管理,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-12-12
如何在Spring?Boot微服務使用ValueOperations操作Redis集群String字符串
這篇文章主要介紹了在Spring?Boot微服務使用ValueOperations操作Redis集群String字符串類型數據,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-06-06
Java語言實現(xiàn)簡單FTP軟件 FTP軟件本地窗口實現(xiàn)(5)
這篇文章主要為大家詳細介紹了Java語言實現(xiàn)簡單FTP軟件,F(xiàn)TP軟件本地窗口的實現(xiàn)方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-03-03

