在前后端分離的應用中，前端需要通過接口請求數據，由于每個接口都需要驗證用戶的身份信息，所以需要在前后端交互時傳遞token。Vue提供了一種全局保存token的方法，在確保token不被泄漏的情況下實現前后端交互，并在全局范圍內使用。

首先，我們需要在Vue實例中定義一個全局常量，在main.js文件中定義。

//main.jsimport Vue from 'vue'
import App from './App.vue'//定義全局變量Vue.prototype.$myToken = '';
new Vue({
render: h =>h(App),
}).$mount('#app')

定義了全局常量后，在應用中可以直接調用。接下來，我們需要在登錄時獲取token并保存到全局常量中。

//Login.vuemethods: {
login() {
axios.post('/login', {
username: this.username,
password: this.password,
})
.then((response) =>{//獲取成功，保存到全局常量中this.$myToken = response.data.token;//跳轉到首頁this.$router.push('/index');
})
.catch((error) =>{
console.log(error);
});
}
}

在登錄成功后，將獲取到的token保存到全局常量中。

當需要使用token時，在應用中可以直接調用全局常量。

//Index.vuecreated() {
axios.get('/api/data', {
headers: {
Authorization: 'Bearer ' + this.$myToken,
}
})
.then((response) =>{
console.log(response);
})
.catch((error) =>{
console.log(error);
});
}

在該示例中，當調用接口時，需要在請求頭中帶上Authorization參數，表示使用Bearer Token的身份認證方式，并將全局常量中存儲的token傳遞給Authorization參數。

需要注意的是，在獲取到token后，應該進行安全處理，例如使用localStorage或cookie保存token，以確保不會在獲取到token后泄漏用戶信息。

以上就是在Vue中使用全局常量保存token的方法，這種方法可以在應用中訪問token，并且可以避免重復獲取和傳遞token的過程，提高了應用的性能和可維護性。