Vue CLI是一個基于Vue.js的快速開發工具，它采用了現代化的開發方式，不僅提供了Vue.js的核心功能，還包括腳手架、CLI、路由、狀態管理、測試、構建等多個功能模塊。其最重要的特點就是可以幫助開發者快速搭建起一個基于Vue.js的前端項目。在項目開發中，往往需要進行用戶登錄，而用戶登錄則涉及到安全性和用戶個人信息的保存等問題，下面就來介紹如何使用Vue CLI來實現登錄token的功能。

首先，我們需要先了解一下token是什么。token是一種驗證身份的方法，它是由服務器頒發給客戶端的一串字符串。當用戶登錄后，服務器會返回這個token給客戶端，然后客戶端在之后每次發送請求時都攜帶這個token，以證明自己的身份。這樣做的好處是可以避免每次都要登錄驗證，提高了用戶體驗。

// 登錄請求
axios.post('/api/login', {
username: 'admin',
password: '123456'
}).then(response =>{
// 將token保存在本地存儲中
localStorage.setItem('token', response.data.token)
})

在Vue CLI中，我們可以使用axios庫來進行網絡請求，并使用localStorage來保存token。上面的代碼就是一個簡單的登錄請求示例。當請求成功后，我們將返回的token保存在本地存儲中，用于之后的請求。

// 請求攔截器
axios.interceptors.request.use(config =>{
// 在請求頭中添加token
const token = localStorage.getItem('token')
if (token) {
config.headers.Authorization = 'Bearer ' + token
}
return config
}, error =>{
return Promise.reject(error)
})

為了在每次請求中都攜帶token，我們可以使用axios的請求攔截器。攔截器會在每次請求發送前執行，我們可以在其中獲取本地存儲中的token，并將其添加到請求頭中。這樣，每次請求都會攜帶token，服務器就可以驗證用戶的身份了。

// 路由攔截器
router.beforeEach((to, from, next) =>{
const token = localStorage.getItem('token')
if (to.meta.auth && !token) {
// 如果需要驗證身份但未登錄，則跳轉到登錄頁面
next('/login')
} else {
next()
}
})

除了在每個請求中添加token之外，我們還需要在路由中添加攔截器。攔截器會在每個路由跳轉前執行，我們可以在其中判斷是否需要身份驗證，如果需要但未登錄，則將頁面跳轉到登錄頁面。這樣可以避免一些未授權的訪問。

綜上所述，使用Vue CLI實現登錄token功能不僅可以提高用戶體驗，還可以提高系統安全性。通過網絡請求和本地存儲的方式保存token，并使用axios的請求攔截器和路由攔截器實現每次請求的身份驗證，達到了安全驗證和用戶體驗的目的。