Question

如果我使用创建新的API令牌，是否（不需要）在Vue.js应用程序的cookie中设置令牌？我看到了很多Laravel Passport的示例，但所有示例仅显示后方功能，而没有前部。

Answer 1

有多种方法可以完成此操作，您可以使用Cookie或本地存储， Laravel Password主要使用令牌来验证请求，因此，如果您在前端使用Vue Auth，则可以定义构造函数以在每次发送请求时发送令牌。

 constructor() {

        let userToken = window.localStorage.getItem('token');
        let userData = window.localStorage.getItem('user');
        if (typeof userToken !== 'undefined' || typeof userData !== 'undefined') {
            this.user = userData;
            this.token = userToken;
        } else {
            this.user = null;
            this.token = null;
        }
        if (this.token !== null && this.token !== 'undefined') {
            axios.defaults.headers.common['Authorization'] = 'Bearer ' + this.token;
            
		} else {
			this.authenticated = false;
			this.logout();
		}

Answer 2

我在app.js中使用它

if (store.state.user.token !== undefined) {
axios.defaults.headers.common['Authorization'] = "Bearer " + store.state.user.token
}

但是createFreshApiToken又是什么？

Laravel Passport与Vue.js SPA

2 个答案: