前後端分離跨域問題

2021-09-26 14:31:53 字數 853 閱讀 1007

access to xmlhttprequest at 'localhost:8081/user/gettoken?username=hyly&password=hyly' from origin 'http://localhost:63342' has been blocked by cors policy: cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https
後台加上以下配置:

/**

* @program: shiro_demo

* @description:支援前台跨域訪問,這個配置必須要,否則前後端分離無法訪問後台

* @author: hyly

* @create: 2019-08- 20:49

*/@configuration

public class corsconfig

}

2、乙個api傳送了兩次請求,一次option請求,一次真實的請求

注意在跨域的配置類中一定要加上下面段配置,要不然當在header中自定義資料,並且跨域訪問,乙個api都會產生兩個請求。

// 預檢請求的有效期,單位為秒,解決每個api都會傳送兩次請求的問題

config.setmaxage(3600l);

注意:option請求,是瀏覽器為了測試跨域的情況而傳送的乙個空請求,這個請求的作用就是用來測試是否可以跨域,並沒有傳遞什麼資料,只是乙個最最簡單的測試是否能夠訪問的請求。

前後端分離跨域問題

public class loginhandlerinterceptor implements handlerinterceptor response.sendredirect request.getcontextpath login.html catch ioexception e return ...

前後端分離跨域問題總結

跨域問題一般是後端處理,前端只需要在請求時追加,一般就能解決跨域問題。後端 新增corsfilter過濾器,實現filter介面 跨域請求配置 override public void dofilter servletrequest servletrequest,servletresponse se...

前後端專案分離 跨域問題

1.跨域 說明最少有兩個域,才會出現跨的這種情況 2.跨域問題出現的本質 a.網域名稱不同,b.埠號不同,c.協議 不同 3,瀏覽器的同源策略 非位址列請求 如a頁面在a服 務器,b頁面在b伺服器,在a頁面請求b頁面的資訊就會出現跨域問題,目的是為了保證使用者資訊保安 如果a頁面可以獲取b頁面資訊,...