vue axios 使用的幾種方式

2021-10-10 15:18:43 字數 3343 閱讀 8255

//全域性註冊方法

this

.$api.

getlistapi

('/test/list').

then

(res=>

)//使用http.js

getlistapi

('/test/list').

then

(res=>

)//封裝http檔案

)//將url字首封裝

var a =

request()

.then

(function

(res)

)//axios原生請求

//引入 axios

import baseurl from

'../api/baseurl'

//使用環境變數 + 模式的方式定義基礎url

// 建立 axios 例項

const service = axios.

create()

export

default service

在vue檔案中匯入request.js

import request from

'@/utlis/request'

export

default},

created

(currentpage)).

then

(function

(res)

)//axios原生請求

// 匯入封裝好的axios例項

//匯出

* @param '/testip'代表vue-cil中config,index.js中配置的**

*/let baseurl =

""// get請求

export

function

getlistapi

(url,params)

`+url,params)

}// post請求

export

function

postformapi

(params)

`+url,params)

}// put 請求

export

function

putsomeapi

(params)

`+url,params)

}// delete 請求

export

function

deletelistapi

(params)

`+url,params)

}export

default

function

(vue)

}

在main.js中匯入

import api from

'@/api/api'

vue.

use(api)

//全域性註冊方法

this

.$api.

getlistapi

('/test/list').

then

(res=>

)

import

from

'@/api/api'

//使用http.js

//封裝http檔案

)

Vue axios 請求後台介面的幾種方式

2.post 方式 3.put 方式 4.patch 方式 5.delete 方式 axios 是乙個基於 promise 的 http 庫,可以用在瀏覽器和 node.js 中。安裝axios npm install axios 在main.js頁面引入axios,並配置預設請求介面 配置axio...

CSS的幾種使用方式

樣式表有三種插入方式 一 外部樣式表 使用外部樣式表可以將同一樣式應用於多張網頁,通過這個方法你只需改動乙個檔案就能改變整個 的外觀。例 使用標籤讓每個頁面都連線到樣式表。標籤在head區域使用。注 檔案內容不應該包含任何的html標籤,字尾名應為.css。二 內嵌樣式表 內嵌樣式表應該在當有單獨文...

vue class的幾種使用方式

1.方法方式 其實,一開始我想實現動態拼接的效果 class icon level item.oppgrade.tolowercase 這樣子,但是不行。於是,我用了計算屬性,發現也不行,因為這個class需要引數支援,computed做不到。只能用方法了,而且用方法的時候,不能用把常量和方法寫一起...