Javascript Nuxt JS中的基本身份验证
我一直在努力使用后端的现有API在nuxt js应用程序中实现基本身份验证。我成功生成了一个令牌并使用它登录,但每当我刷新浏览器时,我都会被重定向到登录页面,尽管生成的令牌和用户详细信息保存在本地存储和cookie中 我的实现基于这个例子Javascript Nuxt JS中的基本身份验证,javascript,vue.js,nuxt.js,Javascript,Vue.js,Nuxt.js,我一直在努力使用后端的现有API在nuxt js应用程序中实现基本身份验证。我成功生成了一个令牌并使用它登录,但每当我刷新浏览器时,我都会被重定向到登录页面,尽管生成的令牌和用户详细信息保存在本地存储和cookie中 我的实现基于这个例子 我希望生成的令牌保存在localstorage中,当到期或到期时,应使用刷新令牌生成新令牌。您使用的是什么nuxt版本Context.isServer已被弃用,根据您使用的nuxt版本,它可以是未定义的。 如果是这样,更改为process.server应该可以
我希望生成的令牌保存在localstorage中,当到期或到期时,应使用刷新令牌生成新令牌。您使用的是什么nuxt版本
Context.isServer
已被弃用,根据您使用的nuxt版本,它可以是未定义的。
如果是这样,更改为process.server
应该可以解决问题
// middleware/auth.js
import { getUserFromCookie, getUserFromLocalStorage, getUserTokenFromCookie, getUserTokenFromLocalStorage } from '~/utils/auth'
import { LOGGIN_USER, SET_TOKEN } from '../utils/mutation-types';
export default function ({ isServer, store, req }) {
// If nuxt generate, pass this middleware
if (isServer && !req) return;
const user = isServer ? getUserFromCookie(req) : getUserFromLocalStorage();
const token = isServer ? getUserTokenFromCookie(req) : getUserTokenFromLocalStorage();
store.commit(LOGGIN_USER, user);
store.commit(SET_TOKEN , token);
}