11.【nuxt起步】-登录验证

1.新建/pages/login.vue

2.安装cookie

Cnpm install js-cookie --s

3.Login.vue增加

import Cookie from 'js-cookie'; 

4.Npm run dev刷新,cookie写入成功

5.为了统一鉴权,需要用到middleware,新建/middleware/userauth.js,如果需要了解middleware更多可以先从vue,express,route,middle开始了解

6.新建/assets/js/util.js

 

7.Index.vue修改

export default {

  middleware: 'userauth',

  components: {

8.修改Nuxt.config.js

router:{

  middleware: 'userauth'

},

 9.删除cookienpm run dev 刷新 跳转到login.vue

原文地址:https://www.cnblogs.com/kobewang/p/10044312.html