Vue Token 跨域，指的是在使用Vue框架實現Token認證時，存在跨域問題的情況。跨域問題是指，在同一個瀏覽器下，不同域名或者Ip地址之間進行數據交互時，會出現跨域訪問的問題。這個問題目前困擾著很多Vue開發者，本文將介紹Vue Token 跨域的解決方案。

為了解決Vue Token 跨域問題，最好的方式是采用CORS跨域資源共享技術。CORS即跨域資源共建，它是一種瀏覽器的安全機制，用于限制Web頁面或腳本從不同源訪問另一個源的數據。使用CORS技術，我們需要在服務器端設置Access-Control-Allow-Origin頭信息，來允許瀏覽器跨域訪問請求。

router.beforeEach((to, from, next) => {
if (to.meta.requireAuth) {
const token = localStorage.getItem('token')
if (token) {
const headers = {
'Authorization': `Bearer ${token}`
}
axios.get(apiUrl + '/auth/userinfo', { headers }).then(response => {
if (response.data.status === 200) {
next()
} else {
next({
name: 'login',
query: { redirect: to.fullPath }
})
}
})
} else {
next({
name: 'login',
query: { redirect: to.fullPath }
})
}
} else {
next()
}
})

在上方的代碼中，我們在Vue路由守衛里面增加了Token的驗證和授權邏輯，先從localStorage中獲取Token，然后使用Bearer Token的格式將Token添加到請求的Header中，最后發送到后端進行驗證。如果驗證成功就跳轉到頁面，如果失敗就跳轉到登錄頁面。

除了CORS跨域資源共享技術外，我們還可以使用JSONP等解決方案，不過這些解決方案都有一定的限制和缺陷，所以不建議使用。

總之，Vue Token 跨域是一個比較嚴重的問題，但是我們可以通過使用CORS跨域資源共享技術來解決它。在實際開發中，也需要注意Token的有效期和合法性，因為這是保證認證授權安全的基礎條件。