asiox封裝，怎麼使用svg,

怎麼使用svg

通過img引入svg

通過直接插入svg
通過樣式來調整
.fen

axios封裝: 基本不用封裝，只是對請求的介面位址，超時，報錯處理

安裝axios

npm i axios -s  //i 代表install

1.post和get簡潔語法

//get語法語法

axios.get(
'/user', })
.then(function (response)
)  .catch(function (error)
)  //post請求語法
axios.post(
'/user', 
)  .then(function (response)
)  .catch(function (error));
function getuseraccount(
)function getuserpermissions(
)//可以用axios同時請求多個介面，類似於promise.all(
)axios.all(
[getuseraccount(
), getuserpermissions()]
)  .then(axios.spread(function (acct, perms)
));

//post請求

axios(
, //傳參,注意：post請求有可能會用qs庫去轉換
data:qs.stringify(obj)
headers:, //請求頭配置})
;

axios.defaults.baseurl =

'預設介面網域名稱url'
;axios.defaults.headers[
'x-token'
]= token值;  //新增token
axios.defaults.headers.post[
'content-type']=
;

const instance = axios.create();

= 3000;  //給例項新增預設超時時間

// 新增請求攔截

axios.interceptors.request.use(config =
>
, _error =
>
)// 新增響應攔截
axios.interceptors.response.use(res =
>
, error =
>
)

svg元件封裝

檔案體積小，能夠被大量的壓縮 可無限放大而不失真 向量圖的基本特徵 在視網膜顯示屏上效果極佳 能夠實現互動和濾鏡效果 1.安裝相應的npm包 yarn add svg sprite loader svgo dev2.src資料夾下新建乙個icons資料夾。裡面存放svg格式的圖示。index.js實...

cesium中使用svg方法封裝

import svglayer from components svglayer.js let svglayer new svglayer viewer let entities let coord 103.858867 31.068476 svglayer.addrotetiontype plac...

vue動態使用svg,封裝為元件使用

0.需要安裝的庫 1.在assets檔案下建立icons資料夾 2.在components資料夾下建立svgicon元件 3.vue.config.js檔案的配置項 4.使用 基於vue cli3配置，配置檔案為vue.config.js devdependencies import vue fro...