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