這篇主要以如何使用 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');
  }