iT邦幫忙

0

【Vue】串 API 前置作業|Axios 是什麼?

Axios 是一個 Promise based 的HTTP 請求工具。
那 Promise based 是什麼? Promise 用來解決 JavaScript 有許多非同步的事件問題。

安裝套件

$ npm install axios

get 語法

axios.get('https://......')
    .then(function (response){
      console.log(response.data);
    })
    .catch(function (error) {
      console.log(error);
    });

專案的 API 很多支要如何管理?

看到 Mike 分享 axios.create 的方法感覺很實用,主要概念是新增一個 API.js 檔統一管理所有的 API url,請求時只需要將 url 的網域名稱都指向 API.js,避免專案進行中若有調整到 API 還要到找到各個串接資料的程式位置,後續再來實驗看看!

資料來源:
https://kknews.cc/zh-tw/code/rl8leyo.html
https://medium.com/i-am-mike/使用axios時你的api都怎麼管理-557d88365619


尚未有邦友留言

立即登入留言