vue專案中axios請求網路介面封裝

2022-05-06 03:36:10 字數 1228 閱讀 8767

npm install axios
在src目錄下新建utls資料夾,並在該資料夾建如下檔案:

統一放置介面

// 獲取省市

let area = 'getregionlist';

module.exports =

引入axios、mint-ui、並封裝get請求、post請求方法

import axios from 'axios';

import from 'mint-ui';

axios.defaults.timeout = 50000//預設請求超時時間

axios.defaults.baseurl = "/api";

axios.defaults.headers.common["authorization"] = 'toke資訊'

vue專案中封裝axios請求

1.前言 之前是我負責這個專案的搭建,及打包上線,整個專案都是我乙個人來做,所以介面寫的遍地都是,造成了瀏覽起來很難受,不便於維護 所以就打算封裝一下axios 建立乙個apis 的js檔案來集中管理介面,走著!首先考慮的是通過promise來封裝axios,使 看起來更清晰明了 2.1 專案中引入...

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...

vue專案中封裝axios

axios.defaults.timeout 100000 請求超時時間。請求位址 其實做到這裡也可以,不用去單獨封裝get post 等請求也可以直接呼叫的。然後就可以在vue頁面去呼叫了 mounted function then function response catch function...