nuxt.js 中间件的使用

在主路径下创建一个middleware文件夹

然后创建一个authenticated.js

代码如下

import storage from '@/assets/js/storage'
export default function ({
  store,
  redirect
}) {
  // If the user is not authenticated store.state.authenticated
  if (!sessionStorage.username) {
    // this.$message('注销成功');
    storage.remove('userid');
    storage.remove('username');
    storage.remove('user');
    return redirect('/')
    //location.reload();
  }
}

想要控制的页面，如果没登录自动跳转到登录页面，全局添加代码如下

在layouts的app.vue添加如下代码

export default {
  middleware: "authenticated",

局部添加也是给对应的页面添加以上代码即可。