vue resource使用筆記

2022-08-05 01:51:20 字數 2685 閱讀 2390

基本語法

//

基於全域性vue物件使用http

在乙個vue例項內使用$http

7種請求api

options物件

引數

型別

描述

urlstring

請求的 

urlmethod

string

請求的 

方法,例如:

'get','post' 

或其他 

方法body

object

,formdata

string

request body

params

object

請求的 

url 

引數物件

headers

object

request header

timeout

number

單位為毫秒的請求超時時間(0

表示無超時時間

)before

function(request)

請求傳送前的處理函式,類似於 

jquery 

的 beforesend 

函式progress

function(event)

progressevent

**處理函式

credentials

boolean

表示跨域請求時是否需要使用憑證(可用於解決 cors 跨域請求沒帶上 cookie 的問題)

傳送 put,patch,delete 

請求時以 

的方式傳送,並設定請求頭的 

將 request body 

以 content-type 為 

的方式傳送

emulatehttp 的作用

如果web伺服器無法處理 put、patch 和 delete 這種 rest 風格的請求,你可以啟用 enulatehttp 現象。啟用該選項後,請求會以普通的 post 方法發出,並且 http 頭資訊的 x-http-method-override 屬性會設定為實際的 http 方法。

emulatejson的作用

response 物件

方法

型別

描述

text()

string

以 string 

形式返回 

response body

json()

object

以 json 

物件形式返回 

response body

blob()

blob

以二進位制形式返回 

response body

屬性

型別

描述

okboolean

響應的 

狀態碼在 

200~299 

之間時,該屬性為 

true

status

number

響應的 

狀態碼statustext

string

響應的狀態文字

headers

object

響應頭全域性配置

上面的配置會對所有請求生效

vue resource使用簡介

vue resource是vue.js的一款外掛程式,它可以通過xmlhttprequest或jsonp發起請求並處理響應,也就是說,jquery中ajax能做的事情,vue resource外掛程式一樣也能做到,而且vue resource的api更為簡潔。此外,vue resource還提供了非...

Vim 使用筆記

set hlsearch set nohlsearch 搜尋後清除上次的加亮 nohl nohlsearch 拷貝 很有用的一句話,規定了格式選項,讓它換行不自動空格 set formatoptions tcrqn set fo r set noautoindent 再 shift insert 正...

xemacs使用筆記

xemacs使用筆記 xemacs emacs的下一代,由lucid原創 from debian參考手冊.由於不知道什麼時候刪掉了emacs的乙個重要檔案.每次都沒法安裝好.突然發現了xemacs,於是決定使用看看.本人還是菜鳥,僅供交流 我使用的ubuntu系統,所以就直接apt get inst...