結合element UI封裝使用axios

2021-09-22 19:43:40 字數 1483 閱讀 4609

server.js檔案

import axios from "axios";

import store from '@/store' //引入store管理

import from 'element-ui' //引入element-ui的庫檔案

const service = axios.create();

service.interceptors.request.use(config =>

return config

}, error => )

// respone***

service.interceptors.response.use(

response => response,

/*** 下面的注釋為通過response自定義code來標示請求狀態,當code返回如下情況為許可權有問題,登出並返回到登入頁

* 如通過xmlhttprequest 狀態碼標識 邏輯可寫在下面error中

*/// const res = response.data;

// if (res.code !== 20000) );

// // 50008:非法的token; 50012:其他客戶端登入了; 50014:token 過期了;

// if (res.code === 50008 || res.code === 50012 || res.code === 50014) ).then(() => );

// })

// }

// return promise.reject('error');

// } else

error => )

return promise.reject(error)

})export default service;

我們單獨管理的api請求,也可以放在自己每個對應頁面下分別管理,也可統一管理,這裡統一管理

import service from './unfetch'

// 獲取流程列表

export const getprocesses = data => )

};// 獲取流程圖

export const getpic = data => `,

method: 'get',

data

})};// 獲取資料分析選項

export const getoption = data => `,

method: 'get',

data

})};// 獲取對應選項的資料

export const getoptionstate = data => &processnode=$`,

method: 'get',

data

})};

本人簡單使用,如有改進之處還請直言,不足之處多多包涵

vue2 0 結合elementui封裝的乙個請求

confing dev.env.js use strict const merge require webpack merge const prodenv require prod.env module.exports merge prodenv,axios axios config.js impo...

結合element ui封裝的乙個分頁函式

第一次寫部落格,專門寫給菜鳥看的,如果你是老鳥,你可以直接無視。首先我們從豆瓣api獲取到電影的資料列表 然後我們把他們切成一塊一塊的小陣列 最後的陣列將會是這樣 原理就是以上的內容,接下來直接附上 注釋 computearr 這個函式是將所有的資料重新組裝成乙個新的陣列,下面的注釋已經很清楚了,這...

Vue結合ElementUI快速開發

在安裝vue腳手架之後就可以匯入elementui的包,使用elementui完成專案開發。elementui的官網中國站 要使用elementui需要安裝elementui 可以通過npm安裝 推薦 通過cdn形式引入 安裝完elementui後需要在vue中main.js中引入elementui...