Vue.js 中如何使用 axios 进行 HTTP 请求？

Vue.js 是一個建立用戶端應用程式的框架，它可以讓開發者快速開發出高品質的應用程式。Vue.js 中可以使用 axios 來進行 HTTP 請求，axios 是一個基於 Promise 的 HTTP 客戶端，可以用於瀏覽器和 node.js。本文將介紹如何在 Vue.js 中使用 axios 進行 HTTP 請求。

安裝 axios

首先，我們需要安裝 axios，可以使用 npm 或 yarn 來安裝：

npm install axios

yarn add axios

使用 axios 進行 HTTP 請求

在 Vue.js 中使用 axios 進行 HTTP 請求非常簡單，只需要在 main.js 中引入 axios，並將 axios 添加到 Vue 的原型中：

import axios from 'axios'

Vue.prototype.$axios = axios

然後，我們就可以在任何組件中使用 axios 進行 HTTP 請求：

this.$axios.get('/api/users')
  .then(response => {
    // handle success
    console.log(response)
  })
  .catch(error => {
    // handle error
    console.log(error)
  })

總結

本文介紹了如何在 Vue.js 中使用 axios 進行 HTTP 請求。axios 是一個基於 Promise 的 HTTP 客戶端，可以用於瀏覽器和 node.js，可以讓開發者快速開發出高品質的應用程式。

使用 axios 進行 HTTP 請求非常簡單，只需要在 main.js 中引入 axios，並將 axios 添加到 Vue 的原型中，然後就可以在任何組件中使用 axios 進行 HTTP 請求。