網(wǎng)站公司開發(fā)網(wǎng)絡(luò)推廣員的前景
?本文章轉(zhuǎn)載于【SpringBoot+Vue】全網(wǎng)最簡單但實用的前后端分離項目實戰(zhàn)筆記 - 前端_大菜007的博客-CSDN博客
僅用于學(xué)習(xí)和討論,如有侵權(quán)請聯(lián)系
源碼: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
數(shù)據(jù)庫筆記: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、前后端對接,如果出現(xiàn)了不同的服務(wù)器和端口
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 這里是這個,創(chuàng)建一個這樣的對象
?5.7 通過這個配置對象,設(shè)置一些東西,提供一些配置方法
?5.8 這里的核心重點是這個東西,允許誰來異步訪問
5.9 ?允許誰來異步訪問那,允許所有寫*,如果允許某部分,就只寫某個域名或者ip
?5.10 如果你想寫多次的話,這里的方法你可以寫多次
?5.11 我們跨域調(diào)用,有時可以寫cookie,你需要把這個cookie傳過來,你需要把這個設(shè)置為true
?5.12 你允許那些方法
5.13? 允許什么樣的方法,允許get,post,還是其他的方法,想偷來寫*
?
?5.14 你要攔截那些資源,你要固定那些資源你要進(jìn)行處理
?
?5.15 通過調(diào)用這個類的方法,來過濾這個類
5.16 第一個注冊參數(shù)攔截的是匹配規(guī)則,第二個是我們剛才的配置類
?5.17 攔截所有和攜帶參數(shù)?
5.18?最終我們要這個過濾器
5.19?給他配置出來
?6、這里的代碼你就參考一下就行,不用天天寫,天天寫的是業(yè)務(wù)功能性的代碼?
6.1
7 筆記上寫的
?
7.1
8 之后重啟一下
?
8.1
9 重啟之后,我們再做一下登錄的處理,看看能不能成功登錄,點擊刷新,再點擊登錄?
9.1
10 仍然報跨域問題
10.1
11、允許頭信息也必須寫
?
11.1
12 添加完請求頭信息之后,重新刷新一下
?12.1
13 做一下刷新,重新做一次登錄
?13.1
14、我們成功登錄進(jìn)來了,我們看一下login的請求?
14.1
15 我們是發(fā)送了一個login請求,這個請求是發(fā)到了后端4個9
15.1
16 payload載荷
?
16.1
17 reponse返回的數(shù)據(jù),前端模擬是寫死的數(shù)據(jù),這明顯是我們后臺產(chǎn)生的uuid,這樣我們的前端就對接成功了,前端項目訪問后端項目,對接的重點在于解決跨域問題
?
17.1
18 可以用redis看一下數(shù)據(jù),未注銷前
18.1
19 點擊注銷
19.1