?本文章轉載于【SpringBoot+Vue】全網最簡單但實用的前后端分離項目實戰筆記 - 前端_大菜007的博客-CSDN博客

僅用于學習和討論，如有侵權請聯系

源碼：https://gitee.com/green_vegetables/x-admin-project.git
素材：https://pan.baidu.com/s/1ZZ8c-kRPUxY6FWzsoOOjtA 提取碼：up4c
項目概述筆記：https://blog.csdn.net/m0_37613503/article/details/128961102
數據庫筆記：https://blog.csdn.net/m0_37613503/article/details/128961401
前端筆記：https://blog.csdn.net/m0_37613503/article/details/128961447
后端筆記：https://blog.csdn.net/m0_37613503/article/details/128961569

1、前后端對接，如果出現了不同的服務器和端口

1.1 我們這里出了跨域的錯誤，但是我們的請求地址是正確的

2 只要我們解決了跨域問題，就沒問題了，解決跨域問題的方法有很多，你可以在前端，在Ngnix里面做一個反向代理，或者在springBoot中使用CORS，使用比較簡單，只要配置一個CORS的過濾器就行

?

2.1

3 我們在后端上的處理方式也有很多種，一種是在控制器中加入注解：

3.1

4 @CrossOrigin，加上這個注解就可以處理跨域，100%可以用，但是加了這個注解，控制器1，控制器2，控制器3，控制器4都要加這個注解，就是啰嗦了一點。

4.1

5 我們可以做一個全局的跨域處理，寫一個配置類，配置一個跨域的過濾器，我們先找到我們的config目錄?

5.1新建一個類

?5.2 先寫一個注解

?5.3 配置一個Bean

?5.4 在這個里面做跨域的處理

?5.5 你在這個里面，要配置一個源對象，這里不是這個

?5.6 這里是這個，創建一個這樣的對象

?5.7 通過這個配置對象，設置一些東西，提供一些配置方法

?5.8 這里的核心重點是這個東西，允許誰來異步訪問

5.9 ?允許誰來異步訪問那，允許所有寫*,如果允許某部分，就只寫某個域名或者ip

?5.10 如果你想寫多次的話，這里的方法你可以寫多次

?5.11 我們跨域調用，有時可以寫cookie,你需要把這個cookie傳過來，你需要把這個設置為true

?5.12 你允許那些方法

5.13? 允許什么樣的方法，允許get，post，還是其他的方法，想偷來寫*

?

?5.14 你要攔截那些資源，你要固定那些資源你要進行處理

?

?5.15 通過調用這個類的方法，來過濾這個類

5.16 第一個注冊參數攔截的是匹配規則，第二個是我們剛才的配置類

?5.17 攔截所有和攜帶參數?

5.18?最終我們要這個過濾器

5.19?給他配置出來

?6、這里的代碼你就參考一下就行，不用天天寫，天天寫的是業務功能性的代碼?

6.1

7 筆記上寫的

?

7.1

8 之后重啟一下

?

8.1

9 重啟之后，我們再做一下登錄的處理，看看能不能成功登錄，點擊刷新，再點擊登錄?

9.1

10 仍然報跨域問題

10.1

11、允許頭信息也必須寫

?

11.1

12 添加完請求頭信息之后，重新刷新一下

?12.1

13 做一下刷新，重新做一次登錄

?13.1

14、我們成功登錄進來了，我們看一下login的請求?

14.1

15 我們是發送了一個login請求，這個請求是發到了后端4個9

15.1

16 payload載荷

?

16.1

17 reponse返回的數據，前端模擬是寫死的數據，這明顯是我們后臺產生的uuid,這樣我們的前端就對接成功了，前端項目訪問后端項目，對接的重點在于解決跨域問題

?

17.1

18 可以用redis看一下數據，未注銷前

18.1

19 點擊注銷

19.1

20? 注銷之后redis數據消失