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.删除cookie,npm run dev 刷新 跳转到login.vue