vue ---通過API接口獲取數據

1. 配置axios

```

import axios from 'axios'`

 

```

2. 配置根路徑

```

axios.defaults.baseURL = '【接口網址】'
axios.interceptors.request.use(config => {
// console.log(config)
config.headers.Authorization = window.sessionStorage.getItem('token')
// 在最后必須 return config
return config
})
Vue.prototype.$http = axios

 

```

3. 獲取數據

```

async 【函數名】() {
const { data: res } = await this.$http.get('menus')
//判斷狀態
if (res.meta.status !== 200) return this.$message.error(res.meta.msg)
this.menulist = res.data
console.log(res)
},

 

```