VUE前後端分離呼叫api報跨域問題

2021-10-07 03:18:24 字數 990 閱讀 2560

錯誤資訊:

access to xmlhttprequest at '伺服器位址' from origin '' has been blocked by cors policy: response to preflight request doesn't pass access control check: no 'access-control-allow-origin' header is present on the requested resource.

原因

這是由於ajax跨域訪問引起的。所謂跨域就是,在www.aaa.com域下,訪問www.bbb.com域下的資源;出於安全的考慮瀏覽器允許跨域寫,而不允許跨域讀,寫就是上行(傳送請求send reques),讀就是下行(接受響應receive response)。

解決方法

1. 臨時解決方法: 給chrome瀏覽器新增引數

windows下開啟cmd命令進入chrome瀏覽器目錄,執行以下命令

chrome.exe --disable-web-security --user-agent="android" --user-data-dir="c:/temp-chrome-eng
2.永久解決方法:安裝django-cors-headers

pip install django-cors-headers
在settings.py中增加:

...'corsheaders',

...)

...

middleware = [

...

'corsheaders.middleware.corsmiddleware' ,

'django.middleware.common.commonmiddleware' ,

...

]cors_origin_allow_all = true

springboot和vue前後端分離跨域配置

1,後端配置 package org.lht.boot.security.server.common.config import org.springframework.context.annotation.bean import org.springframework.context.annota...

API 前後端分離重構

背景 後端出現大量前端 造成邏輯不清晰,可讀可維護性差。前端採用原始的jquery開發,前端技術已經遠遠落後於市面主流技術,造成開發效率低,混亂。解決 採用主流前後端分離技術,包括 1.前端路由做流程控制 2.使用mvvm框架 做資料繫結 等等 效果 後端只寫介面,很多任務作遷到前端,前後端語言各司...

關於API,前後端分離

而關於介面的規定,衍生出了一大堆問題,第一是關於空值的制定,是不輸出呢?還是輸出null,還是輸出 今天在除錯1688開放平台時,1688開放平台那邊出了兩套介面api給我們調,一套是舊的,用關鍵字deprecated標誌過時,而一套是新的,因為是最近才推出的吧。有點坑的是,新介面雖然變得簡潔了,但...