欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Django使用中間件解決前后端同源策略問(wèn)題

 更新時(shí)間：2019年09月02日 08:17:01   作者：YifChan  
這篇文章主要介紹了Django使用中間件解決前后端同源策略問(wèn)題,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

問(wèn)題描述

前端時(shí)間在公司的時(shí)候，要使用angular開(kāi)發(fā)一個(gè)網(wǎng)站，因?yàn)閍ngular很適合前后端分離，所以就做了一個(gè)簡(jiǎn)單的圖書管理系統(tǒng)來(lái)模擬前后端分離。

但是在開(kāi)發(fā)過(guò)程中遇見(jiàn)了同源策略的跨域問(wèn)題，頁(yè)面能夠顯示，但是卻沒(méi)有數(shù)據(jù)，顯示如下

右鍵檢查報(bào)錯(cuò)如下：

報(bào)錯(cuò)代碼如下

Failed to load http://127.0.0.1:8888/publisher/: 
No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'http://localhost:4200' is therefore not allowed access.

angular從后端獲取數(shù)據(jù)的代碼如下：

private publishersUrl = 'http://127.0.0.1:8888/publisher/';
private addpubUrl = 'http://127.0.0.1:8888/addpub/';
getPublishers (): Observable<Publisher[]> {
  return this.http.get<Publisher[]>(this.publishersUrl)
  .pipe(
   catchError(this.handleError<Publisher[]>('getPublishers', []))
  ); 
}

問(wèn)題原因

出現(xiàn)這個(gè)問(wèn)題的原因是同源策略的跨域問(wèn)題，關(guān)于這個(gè)問(wèn)題不在此處詳細(xì)討論，如有興趣可以去搜索一下。

問(wèn)題解決

解決這個(gè)問(wèn)題關(guān)鍵在于后端，要允許其他網(wǎng)站進(jìn)行訪問(wèn)，在這里我們可以定義一個(gè)中間件來(lái)解決這個(gè)問(wèn)題，步驟如下。

1.在app下新建一個(gè)myMiddleware.py文件。

2.在文件中加入以下代碼

from django.utils.deprecation import MiddlewareMixin
class MyCore(MiddlewareMixin):
  def process_response(self, request, response):
    response['Access-Control-Allow-Origin'] = "*"
    if request.method == "OPTIONS":
      # 復(fù)雜請(qǐng)求 預(yù)檢
      response['Access-Control-Allow-Headers'] = "Content-Type"
      response['Access-Control-Allow-Methods'] = "POST, DELETE, PUT"
    return response

3.去settings文件中注冊(cè)中間件

MIDDLEWARE = [
  'BMS.myMiddleware.MyCore',
]

至此，這個(gè)問(wèn)題就算解決了，我們可以將項(xiàng)目運(yùn)行起來(lái)看一下結(jié)果

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論