【Vue3】使用axios串接api

Vue3

 發表於 2024-12-06  |  1 分鐘  |  48 個字

axios

  • axios是promise的封裝套件

使用前先在head引入

1

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17

//官方寫法
$.ajax({
  url: 'https://randomuser.me/api/',
  dataType: 'json',
  success: function(data) {
    console.log(data);
  }
});

//用axios改寫
axios.get("https://randomuser.me/api/")
  .then(res => {
    console.log(res.data.results)
  })
  .catch(err => {
    console.log(err.response)
  })

.response是固定寫法

Vue3