VUE CLI 是一個提供快速搭建項目的命令行工具，可以幫助開發者快速創建并配置一個新的項目。

在本文中將介紹如何在 VUE CLI 中使用 JWT 來實現用戶登錄認證。

使用 JWT 來實現用戶認證，我們需要在后端生成 JWT Token，并將其傳遞到客戶端。在客戶端中，我們需要將 JWT Token 存儲在 LocalStorage 中，并在 API 請求頭中使用 Authorization 字段來傳遞 Token。

// 用戶登錄 API
axios.post('/api/login', {
email: this.email,
password: this.password
})
.then(response =>{
const token = response.data.token;
// 將 Token 存儲到 LocalStorage 中
window.localStorage.setItem('token', token);
// 更新 Vuex 狀態
this.$store.commit('login');
// 跳轉到首頁
this.$router.push('/');
})
.catch(error =>{
console.log(error);
});

當用戶已經登錄，并且存儲了 Token 時，我們需要在后續的 API 請求中帶上 Authorization 頭。

// 獲取用戶信息 API
axios.get('/api/user', {
headers: {
Authorization: 'Bearer ' + window.localStorage.getItem('token')
}
})
.then(response =>{
const user = response.data;
// 更新 Vuex 狀態
this.$store.commit('setUser', user);
})
.catch(error =>{
console.log(error);
});

通過在 VUE CLI 中實現 JWT 認證，我們可以大大提高我們應用的安全性，并確保只有具有有效憑證的用戶可以訪問需要認證的 API。