内射老阿姨1区2区3区4区_久久精品人人做人人爽电影蜜月_久久国产精品亚洲77777_99精品又大又爽又粗少妇毛片

怎么處理Django+vue跨域問題-創(chuàng)新互聯(lián)

小編給大家分享一下怎么處理Django+vue跨域問題,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!

渾南ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景,ssl證書未來市場廣闊!成為創(chuàng)新互聯(lián)的ssl證書銷售渠道,可以享受市場價格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:18980820575(備注:SSL證書合作)期待與您的合作!

跨域

由于開發(fā)模式為前后端分離式開發(fā),故而通常情況下,前端和后端可能運行不同的ip或者port下,導(dǎo)致出現(xiàn)跨域問題,故而單獨說明

什么是跨域

跨域是指一個域下的文檔或腳本試圖去請求另一個域下的資源,這里跨域是廣義的。
其實我們通常所說的跨域是狹義的,是由瀏覽器同源策略限制的一類請求場景。

什么是同源策略?

同源策略/SOP(Same origin policy)是一種約定,由Netscape公司1995年引入瀏覽器,它是瀏覽器最核心也最基本的安全功能,如果缺少了同源策略,瀏覽器很容易受到XSS、CSFR等***。所謂同源是指"協(xié)議+域名+端口"三者相同,即便兩個不同的域名指向同一個ip地址,也非同源。

同源策略限制以下幾種行為:

  1. Cookie、LocalStorage 和 IndexDB 無法讀取

  2. DOM 和 Js對象無法獲得

  3. AJAX 請求不能發(fā)送

跨域錯誤瀏覽器會在控制臺中出現(xiàn)如下錯誤:
報錯信息如下:

Access to XMLHttpRequest at 'http://127.0.0.1:8000/api/test/' from origin 'http://127.0.0.1:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

翻譯過來即是:從源地址 http://127.0.0.1:3000 發(fā)起的到http://127.0.0.1:8000/api/test/ 的XMLHttpRequest訪問違反了同源策略:因為在請求頭中沒有Access-Control-Allow-Origin的值

前端解決跨域

參考博客

既然跨域是因為不同源,那我同源不就完事兒了,但是后端請求地址不可能改變,所以可以在前端和后端的中間加一層代理,前端通過代理訪問后端。
在Vue-cli工具中已經(jīng)提供了代理的功能,只需要配置即可。
在根目錄下的config/index.js文件中有如下配置項:

proxyTable: {      
    '/': { 
        target: 'http://127.0.0.1:8000/',        
        changeOrigin: true,        
        pathRewrite: {          
            '^/api': ''
        }
      }
    },
  • '/'表示以'/'(即所有的路徑)開頭的路徑均需要代理,

  • target:代理的目標(biāo)服務(wù)器地址(即后端服務(wù)器地址)為 'http://127.0.0.1:8000/',

  • changeOrigin,為修改源:修改請求中的源地址

  • pathReWrite:URL路徑重寫,對于以'/api'開頭的路徑將'/api'替換為''

后端解決跨域

后端出于安全考慮,也會對于跨域有限制,解決方法如下:

安裝django-cors-headers

$ pip install django-cors-headers

配置settings.py文件

INSTALLED_APPS = [
    ...    'corsheaders',
    ...
 ] 

MIDDLEWARE = (
    ...    
    'corsheaders.middleware.CorsMiddleware',    
    'django.middleware.common.CommonMiddleware', # 注意順序
    ...
)

#跨域增加忽略
CORS_ALLOW_CREDENTIALS = True
CORS_ORIGIN_ALLOW_ALL = True

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',    
    'Pragma',
)

看完了這篇文章,相信你對“怎么處理Django+vue跨域問題”有了一定的了解,如果想了解更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司行業(yè)資訊頻道,感謝各位的閱讀!

文章題目:怎么處理Django+vue跨域問題-創(chuàng)新互聯(lián)
文章出自:http://www.rwnh.cn/article20/cchgco.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計、建站公司、網(wǎng)站改版云服務(wù)器、品牌網(wǎng)站建設(shè)企業(yè)建站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都app開發(fā)公司
政和县| 朝阳区| 长春市| 望奎县| 兴文县| 连城县| 博野县| 平罗县| 庆安县| 淮滨县| 临邑县| 南乐县| 汨罗市| 霍城县| 台安县| 江北区| 安阳县| 胶南市| 罗甸县| 青川县| 南丹县| 突泉县| 财经| 茂名市| 荥阳市| 咸丰县| 定安县| 方城县| 桐庐县| 东乡| 瓦房店市| 天峨县| 侯马市| 黔西| 利津县| 集安市| 宁蒗| 四平市| 平原县| 靖州| 光山县|