Vue.js 是一款優(yōu)秀的前端框架，它極大地簡化了開發(fā)過程，但是在使用 Vue.js 構(gòu)建應(yīng)用程序時，往往需要用戶進行身份驗證，這就需要使用到 token。在 Vue.js 中，token 是一種用來表示身份驗證狀態(tài)的字符串。通常情況下，當用戶登錄成功后，會返回一個唯一的 token，該 token 將作為保持會話狀態(tài)的一種手段，以便用戶操作無需重復身份認證。

例子：
axios.post('/login', {
email: 'user@domain.com',
password: '1234'
})
.then(response =>{
localStorage.jwt = response.data.token;
})
.catch(error =>{
console.log('error:', error);
});

在上面的例子中，我們使用 axios 的 post 方法來向服務(wù)器發(fā)送身份認證請求（使用 email 和密碼進行登錄），如果登錄成功，服務(wù)器會返回一個包含 token 的響應(yīng)（response），我們將該 token 保存在瀏覽器的 localStorage 中。這里需要注意的一點是，存儲在 localStorage 中的 token 不應(yīng)該包括任何敏感信息，因為無論如何，它都可以被用戶訪問和修改。

例子：
const token = localStorage.getItem('jwt');
if (token) {
axios.defaults.headers.common['Authorization'] = 'Bearer ' + token;
}

在上面的例子中，我們使用 axios 的 defaults 對象設(shè)置了一個通用的請求頭（headers），以便在每次向服務(wù)器發(fā)起請求時攜帶 token。在這里，我們將 token 添加到 Authorization 請求頭中，Bearer 是一個約定俗成的標識，用來標識該請求使用的是 token 身份驗證機制。

例子：
axios.get('/api/data')
.then(response =>{
// 處理數(shù)據(jù)
})
.catch(error =>{
if (error.response && error.response.status === 401) {
// token 過期或無效，需要重新登錄
delete localStorage.jwt;
router.push('/login');
} else {
console.log('error:', error);
}
});

在上面的例子中，我們使用 axios 向服務(wù)器獲取一些數(shù)據(jù)（示例中是 /api/data），如果該請求在服務(wù)器端被拒絕，axios 會返回一個包含錯誤信息的響應(yīng)（response），我們可以通過判斷該響應(yīng)的狀態(tài)碼來處理錯誤。在這里，我們檢查響應(yīng)的狀態(tài)碼是否為 401（身份驗證失敗），如果是，那么我們刪除 localStorage 中的 token，然后重新引導用戶返回登錄頁面。否則，我們會將錯誤信息輸出到控制臺中。

綜上所述，token 在 Vue.js 中扮演著非常重要的角色，它可以保證用戶的身份驗證狀態(tài)。本文通過一些簡單的示例向大家演示了如何在 Vue.js 中使用 token。相信大家通過本文的閱讀和實踐，會有更深入的理解，并可以在實際開發(fā)中靈活地應(yīng)用 token 機制。