vue請求方式記錄

2021-09-23 13:37:26 字數 898 閱讀 8516

this.$axios(,

// data: qs.stringify(),

datatype: "json"

}).then(res => );

這種params作為鍵的,後端引數是可以傳遞過去的,但是引數同時會顯示在請求連線上,並不安全,如下:

為不把引數暴露在位址中,還是將引數放在body中傳遞,使用qs包把物件轉為key=value形式傳遞引數

import qs from 'qs'

// 使用此方法進行引數傳遞

data: qs.stringify()

此時請求變為:

預設的ajax中的post請求傳送資料,將引數設定與body中是:

兩者的區別是:前者是鍵值對,後者是物件。

ajax中的post傳遞引數預設使用的是data, 此時引數傳遞則是將引數包裝在body中進行傳遞,對應的後端接收應該從request的body中接收,若後端使用request的getparams接收的話,前端應該使用params作為鍵來進行傳遞引數。

參考:

後續補充其他的。

常用vue請求互動資料方式

幾種 vue的資料互動形式 var that this get請求 post請求 需要環境 傳送資料 接收資料 綜合性請求 vue2 請求 axios 如果是post請求的話 用data去傳輸資料 data 例項 360跨域請求 get請求 post請求 需要環境 傳送資料 接收資料 綜合性請求 v...

vue的ajax Get方式請求之使用者註冊

vue實現 使用者註冊功能的實現 start doctype html en utf 8 viewport content width device width,initial scale 1.0 document title js vue.js script error success style...

Vue 向服務端請求的幾種方式

前言 vue的使用使前端程式設計師主要精力放在業務上,省去了大量dom的操作。身邊的很多同事仍然使用jquery的ajax傳送請求,使用jquery 也就僅僅使用了封裝好的ajax,這樣給頁面的載入增加負擔,jquery的引入使頁面的載入顯的很笨重。前端傳送請求的方式很多種,不一定要再頁面上大量使用...