vue 解決axios會傳送options請求

2021-10-05 04:12:36 字數 509 閱讀 1062

問題描述:

為什麼呢?

原因是:瀏覽器會首先使用 options 方法發起乙個預請求,判斷介面是否能夠正常通訊,如果不能就不會傳送真正的請求過來,如果測試通訊正常,則開始真正的請求。

這樣每個請求都會傳送兩次,無形加重了伺服器的負擔,網上有的解決辦法是讓後台允許options請求,但是並不返回任何資料,那麼就不會報錯,可是這樣治標不治本,瀏覽器還是訪問後台了,只是後台讓options請求不返回資料而已。

解決:

設定post請求頭,對引數進行格式轉化,**如下:

post

(url, data =)}

)}

這裡如果沒有安裝qs,則需要安裝:

npm install qs -

s

這樣就能解決axios會傳送options請求了

vue 使用axios傳送ajax請求

1 首先匯入兩個包,乙個是vue的包,乙個是axios的包 script script 資料的雙向繫結 input v model inputdata type text 事件繫結 input click searchdata type button value 搜尋 列表渲染 for ser in...

vue使用axios 傳送post請求的四種方法

寫法一 後端可以接收到,應該是json格式 export const requestlogin params then res res.data 寫法二這樣的方式只能通過輸入流獲取對應的json格式,而request.form就會亂碼 export const requestlogin params...

vue專案中使用axios傳送請求

在src下新建乙個server的資料夾,資料夾中的檔案是server.js檔案 server.js檔案中寫 import from element ui let baseurl if process.env.node env development else else catch v from se...