淺談django rest jwt vue 跨域問題
django rest framework 使用 router 注冊url時，訪問接口 包302錯誤 可能是因為請求url 寫法有問題，
如請求 /api/login/ 報302 ，需要去掉后面的反斜杠，正確寫法 /api/login 請求跨域：
跨域：
簡單來說就是 A 網(wǎng)站的 javascript 代碼試圖訪問 B 網(wǎng)站，包括提交內(nèi)容和獲取內(nèi)容。這顯然是不安全的。為此，瀏覽器的鼻祖：網(wǎng)景（Netscape）公司提出了優(yōu)秀的解決方案：著名的瀏覽器同源策略?，F(xiàn)在所有支持JavaScript的瀏覽器都會使用這個策略。
同源：
域名、協(xié)議、端口均相同的網(wǎng)站即為同源。
流程：
當(dāng)一個瀏覽器的兩個Tab頁分別打開百度和谷歌頁面時，百度發(fā)起一個腳本執(zhí)行，此時瀏覽器會檢查該腳本屬于哪個頁面。即檢查是否同源。只有和百度同源的腳本才會被執(zhí)行。若非同源，在請求數(shù)據(jù)時，瀏覽器會在控制臺報一個異常。提示拒絕訪問。
解決方法:
安裝django-cors-headers
pip install django-cors-headers
settings.py配置
INSTALLED_APPS = [ ... "corsheaders"， ... ] MIDDLEWARE_CLASSES = ( ... "corsheaders.middleware.CorsMiddleware", "django.middleware.common.CommonMiddleware", # 注意順序 ... ) # 跨域增加忽略 CORS_ALLOW_CREDENTIALS = True CORS_ORIGIN_ALLOW_ALL = True CORS_ORIGIN_WHITELIST = ( "*" ) CORS_ALLOW_METHODS = ( "DELETE", "GET", "OPTIONS", "PATCH", "POST", "PUT", "VIEW", ) CORS_ALLOW_HEADERS = ( "XMLHttpRequest", "X_FILENAME", "accept-encoding", "authorization", "content-type", "dnt", "origin", "user-agent", "x-csrftoken", "x-requested-with", )
解決
通過以上配置，即可完美解決django跨域請求處理。
需要注意的就是cors - headers的中間件CorsMiddleware在注冊時必須放在django - common中間件的前一個。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Python爬蟲獲取頁面所有URL鏈接過程詳解,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-06-06
一文讓你秒懂精通pip并快速體驗深度學(xué)習(xí)應(yīng)用【建議收藏】
在使用python的時候,經(jīng)常使用到pip這個工具,可以很方便的線上安裝依賴庫,當(dāng)然pip還有很多參數(shù)都可以幫我們?nèi)ゲ樵円恍煨畔?這篇文章主要給大家介紹了如何通過一篇文章讓你秒懂精通pip并快速體驗深度學(xué)習(xí)應(yīng)用的相關(guān)資料,需要的朋友可以參考下2021-08-08
Python3中對json格式數(shù)據(jù)的分析處理
這篇文章主要介紹了Python3中對json格式數(shù)據(jù)的分析處理,本文給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-01-01
這篇文章主要介紹了Matlab求解數(shù)組中的最大值及它所在的具體位置，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2021-04-04
Django基礎(chǔ)知識 web框架的本質(zhì)詳解
這篇文章主要介紹了Django基礎(chǔ)知識 web框架的本質(zhì)詳解,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-07-07
PyQt+socket實現(xiàn)遠程操作服務(wù)器的方法示例
這篇文章主要介紹了PyQt+socket實現(xiàn)遠程操作服務(wù)器的方法示例，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
Python實現(xiàn)希爾排序,歸并排序和桶排序的示例代碼
希爾、歸并、快速排序算法可歸為同一類，它們的共同點都是建立在分治思想之上。把大問題分拆成小問題，解決所有小問題后，再合并每一個小問題的結(jié)果，最終得到對原始問題的解答。本文將介紹這三種算法的實現(xiàn)代碼，需要的可以參考一下2022-04-04
這篇文章主要介紹了Python 多線程共享變量的實現(xiàn)示例，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04
這篇文章主要介紹了Pandas之groupby( )用法筆記小結(jié)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
Python調(diào)用Google?Bard的圖文詳解
Google?Bard?是一種開源數(shù)據(jù)可視化和探索工具,可為?開發(fā)人員?提供支持,本文主要為大家介紹了Python調(diào)用Google?Bard的方法,需要的可以參考下2023-08-08