這篇主要以如何使用 AXIOS 為主軸

安裝

可以使用 npm 或是 yarn 進行安裝

// npm
npm install axios
// yarn
yarn add axios

也可以使用 HTML 語法匯入 CDN

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

使用

每種請求內所包裝的內容都大同小異，最基本的是下面這幾項：

  1. Method：該請求的 HTTP Method
  2. URL：API 路徑
  3. Data：需要傳送至伺服器的資料，大部分為 json 格式

如果有其他需求，像是傳送的資料格式需要變動的話，也可以直接打在請求裡面

axios 實際上使用會像下面這樣子：

// 先導入 axios 套件
const axios = require('axios').default

// 送出 GET 請求
axios
  .get('https://abc.com/posts/1')
  //res是 server 回應的內容
  .then((res) => {
    console.log(res)
  })

// 送出 POST 請求
axios({
  method: 'post',
  url: '/user/12345',
  data: {
    firstName: 'Fred',
    lastName: 'Flintstone',
  },
})

也可以包裝成一個函式

function getUserAccount() {
  return axios.get('/user/12345')
}