add vuex auth

middleware/default.js

@@ -1,3 +1,5 @@
-export default function ({ route }) {
- console.log(111);
+export default function ({ route, store, redirect }) {
+ // 如果用户不存在，跳到登录页面
+ if (!store.state.user.user)
+ redirect('/user/login?redirect=' + route.path);
 }

pages/info/_pageIndex.vue

@@ -37,6 +37,7 @@ export default {
  });
  return { ...data.data };
  },
+ middleware: "default",
  components: {
  vmenu: Menu,
  vpage: page
@@ -48,8 +49,7 @@ export default {
  pageIndex: this.$route.params.pageIndex || 1
  };
  },
- async created() {
- }
+ async created() {}
 };
 </script>
 

server/index.js

@@ -10,6 +10,14 @@ const config = require('../nuxt.config.js')
 config.dev = !(app.env === 'production')
 
 
+// test session
+app.use(async (ctx, next) => {
+ ctx.req.session = {
+ user: { name: 'test' }
+ };
+ await next();
+})
+
 app.use(bodyParser());
 
 app.use(router.routes());

store/index.js

@@ -0,0 +1,8 @@
+
+export const actions = {
+ nuxtServerInit({ commit }, { req }) {
+ if (req.session.user) {
+ commit("user/set", req.session.user);
+ }
+ }
+}

store/user.js

@@ -0,0 +1,14 @@
+
+export const state = () => {
+ user: null
+};
+
+export const mutations = {
+ // 设置登录用户
+ set(state, user) {
+ state.user = user;
+ },
+ loginOut(state) {
+ state.user = null;
+ }
+}