配置OPTIONS請求

2021-10-07 08:08:42 字數 715 閱讀 6658

協議(http或者https)、ip、埠三者都相同,則為同源,否則為跨域。跨域請求,就是這麼來的。

配置options請求,有兩種情況,第一種是開發環境,第二種是測試環境、生產環境。

開發環境,配置如下:

//配置**

//修改config/index.js檔案

dev: }}

}//修改src/main.js檔案,

//全域性註冊,只要引入一次,所有頁面(元件)都可以使用axios。避免每次使用都要引入一次,太麻煩。

import axios from 『axios』

//將axios掛載在vue例項原型上

vue.prototype.$axios = axios

import qs from 『qs』

//配置介面url

axios.defaults.baseurl = process.env.api_root

//請求介面,這樣寫就可以了。

this.$axios.post(』/api/test/query』, data).then(res => )

–修改nginx檔案

//如果是options方法直接返回204狀態

if ($request_method = 『options』)

–檢測配置

nginx -t

–沒問題,就重啟nginx

service nginx restart

前端OPTIONS請求

今天在專案除錯中,需要在 裡獲取前端請求頭里的token,結果死活獲取不到。debug了半天發現前端一共傳送了兩次請求,真正的請求的第二次。options請求方法的主要用途有兩個 1 獲取伺服器支援的http請求方法 也是黑客經常使用的方法。2 用來檢查伺服器的效能。例如 ajax進行跨域請求時的預...

請求中的options請求

專案網域名稱和介面網域名稱不同,服務端做了 打算把token放到headers中的時候出現options 請求就詳細看了下 瀏覽器將cors請求分為兩類 簡單請求和非簡單請求,簡單請求瀏覽器不會預檢,而非簡單請求會預檢。簡單請求的請求方式只能是 get post head。http請求頭限制這幾種字...

OPTIONS請求 簡單請求與 非簡單請求

當瀏覽器發出了乙個跨域的xhr的時候,瀏覽器會自動在請求頭加上一些引數,對於簡單請求和非簡單請求是不一樣的,先看一下簡單請求的定義 1 請求方法是以下三種方法之一 2 http的頭資訊不超出以下幾種字段 的時候是簡單請求。對於簡單請求,瀏覽器直接在請求頭上加乙個origin欄位,說明本次請求來自哪個...