新页面访问

package.json

-{
-  "name": "party",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint"
-  },
-  "dependencies": {
-    "axios": "^0.21.1",
-    "core-js": "^3.6.5",
-    "crypto-js": "^4.0.0",
-    "echarts": "^4.8.0",
-    "element-ui": "^2.15.1",
-    "js-base64": "^3.6.0",
-    "qs": "^6.10.1",
-    "vant": "^2.12.6",
-    "vue": "^2.6.11",
-    "vue-router": "^3.5.1"
-  },
-  "devDependencies": {
-    "@vue/cli-plugin-babel": "^4.5.0",
-    "@vue/cli-plugin-eslint": "^4.5.0",
-    "@vue/cli-service": "^4.5.0",
-    "babel-eslint": "^10.1.0",
-    "babel-plugin-component": "^1.1.1",
-    "eslint": "^6.7.2",
-    "eslint-plugin-vue": "^6.2.2",
-    "node-sass": "^5.0.0",
-    "sass-loader": "^10.1.1",
-    "vue-template-compiler": "^2.6.11"
-  },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "node": true
-    },
-    "extends": [
-      "plugin:vue/essential",
-      "eslint:recommended"
-    ],
-    "parserOptions": {
-      "parser": "babel-eslint"
-    },
-    "rules": {}
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not dead"
-  ]
-}
+{
+  "name": "party",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint"
+  },
+  "dependencies": {
+    "axios": "^0.21.1",
+    "core-js": "^3.6.5",
+    "crypto-js": "^4.0.0",
+    "echarts": "^4.8.0",
+    "element-ui": "^2.15.1",
+    "js-base64": "^3.6.0",
+    "qs": "^6.10.1",
+    "vant": "^2.12.6",
+    "vconsole": "^3.7.0",
+    "vue": "^2.6.11",
+    "vue-router": "^3.5.1"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "^4.5.0",
+    "@vue/cli-plugin-eslint": "^4.5.0",
+    "@vue/cli-service": "^4.5.0",
+    "babel-eslint": "^10.1.0",
+    "babel-plugin-component": "^1.1.1",
+    "eslint": "^6.7.2",
+    "eslint-plugin-vue": "^6.2.2",
+    "node-sass": "^5.0.0",
+    "sass-loader": "^10.1.1",
+    "vue-template-compiler": "^2.6.11"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "plugin:vue/essential",
+      "eslint:recommended"
+    ],
+    "parserOptions": {
+      "parser": "babel-eslint"
+    },
+    "rules": {}
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ]
+}

src/main.js

-import Vue from 'vue'
-import App from './App.vue'
-import router from './router'
-import './assets/style/public.scss'
-import echarts from "echarts"
-import qs from 'qs'
-import http from '@/config/request'
-import sRequest from '@/config/sRequest'
-import {baseUrl,backToken,frontToken} from './config/env'
-import Vant from 'vant';
-import 'vant/lib/index.css';
-import { Form,FormItem,Input,Button,Message } from 'element-ui';
-import 'element-ui/lib/theme-chalk/index.css';
-// 自定义tabbar
-import Mytabbar from '@/components/tabbar/index.vue'
-Vue.component('my-tabbar',Mytabbar)
-
-Vue.use(Vant);
-Vue.component(Form.name, Form);
-Vue.component(FormItem.name, FormItem);
-Vue.component(Input.name, Input);
-Vue.component(Button.name, Button);
-Vue.component(Message.name, Message);
-Vue.prototype.$echarts = echarts
-Vue.prototype.$qs = qs
-Vue.prototype.$https = http
-Vue.prototype.$shttp = sRequest 
-
-Vue.prototype.$baseUrl=baseUrl
-Vue.prototype.backToken=backToken
-Vue.prototype.frontToken=frontToken
-
-Vue.config.productionTip = false
-
-new Vue({
-  router,
-  render: h => h(App),
-}).$mount('#app')
+import Vue from 'vue'
+import App from './App.vue'
+import router from './router'
+import './assets/style/public.scss'
+import echarts from "echarts"
+import qs from 'qs'
+import http from '@/config/request'
+import sRequest from '@/config/sRequest'
+import {baseUrl,backToken,frontToken} from './config/env'
+import Vant from 'vant';
+import 'vant/lib/index.css';
+import { Form,FormItem,Input,Button,Message } from 'element-ui';
+import 'element-ui/lib/theme-chalk/index.css';
+// 自定义tabbar
+import Mytabbar from '@/components/tabbar/index.vue'
+import vConsole from 'vconsole'
+Vue.component('my-tabbar',Mytabbar)
+
+Vue.use(Vant);
+Vue.component(Form.name, Form);
+Vue.component(FormItem.name, FormItem);
+Vue.component(Input.name, Input);
+Vue.component(Button.name, Button);
+Vue.component(Message.name, Message);
+Vue.prototype.$echarts = echarts
+Vue.prototype.$vConsole = new vConsole()
+Vue.prototype.$qs = qs
+Vue.prototype.$https = http
+Vue.prototype.$shttp = sRequest 
+
+Vue.prototype.$baseUrl=baseUrl
+Vue.prototype.backToken=backToken
+Vue.prototype.frontToken=frontToken
+
+Vue.config.productionTip = false
+
+new Vue({
+  router,
+  render: h => h(App),
+}).$mount('#app')

src/router/index.js

-import Vue from 'vue'
-import VueRouter from 'vue-router'
-Vue.use(VueRouter)
-const routes = [
-  {
-    path: '/',
-    redirect:'/login'
-  },
-  {
-    path: '/slogin',
-    name: 'slogin',
-    meta: {
-      title: '大屏登录',
-    },
-    component: () => import('@/views/slogin')
-  },
-  {
-    path: '/screen',
-    name: 'screen',
-    meta: {
-      title: '大屏'
-    },
-    component: () => import('@/views/screen')
-  },
-  {
-    path: '/login',
-    name: 'login',
-    meta: {
-      title: '登录'
-    },
-    component: () => import('@/views/login')
-  },
-  {
-    path: '/success',
-    name: 'success',
-    meta: {
-      title: '操作成功'
-    },
-    component: () => import('@/views/success')
-  },
-  {
-    path: '/opt',
-    name: 'opt',
-    meta: {
-      title: '运维'
-    },
-    component: () => import('@/views/setTopBoxManage/opt')
-  },
-  {
-    path: '/guide',
-    name: 'guide',
-    meta: {
-      title: '导览'
-    },
-    component: () => import('@/views/guide')
-  },
-  {
-    path: '/commit',
-    name: 'commit',
-    component: () => import('@/views/user/commit.vue')
-  },
-  {
-    path: '/learn',
-    name: 'learn',
-    component: () => import('@/views/user/learn.vue')
-  },
-  {
-    path: '/admin',
-    name: 'admin',
-    component: () => import('@/views/user/admin.vue')
-  },
-  {
-    path: '/editPsd',
-    name: 'editPsd',
-    component: () => import('@/views/user/editPsd.vue')
-  },
-  {
-    path: '/learnContent',
-    name: 'learnContent',
-    component: () => import('@/views/user/components/learnContent.vue')
-  },
-  {
-    path: '/learnDetail',
-    name: 'learnDetail',
-    component: () => import('@/views/user/components/learnDetail.vue')
-  },
-  {
-    path: '/adminInfo',
-    name: 'adminInfo',
-    component: () => import('@/views/user/components/adminInfo.vue')
-  },
-]
-
-const router = new VueRouter({
-  routes: routes,
-  mode: "history",
-  base: process.env.BASE_URL
-})
-const whiteList =['/login','/success']
-router.beforeEach((to, from, next) => {
-  let user = sessionStorage.getItem("token");
-  if(to.name == 'screen' || to.name == 'slogin'){
-      let isSlogin = sessionStorage.getItem('sToken')
-      if(!isSlogin && to.name == 'screen'){
-        next({
-          path: '/slogin',
-        })
-      }else{
-        next(); 
-      }
-  }else{
-    if (!user && !whiteList.includes(to.path)) {  // 通过vuex state获取当前的token是否存在
-      next({
-        path: '/login',
-      })
-    }else {
-      next(); 
-    }
-  }
-
-})
-export default router
+import Vue from 'vue'
+import VueRouter from 'vue-router'
+Vue.use(VueRouter)
+const routes = [
+  {
+    path: '/',
+    redirect:'/login'
+  },
+  {
+    path: '/slogin',
+    name: 'slogin',
+    meta: {
+      title: '大屏登录',
+    },
+    component: () => import('@/views/slogin')
+  },
+  {
+    path: '/screen',
+    name: 'screen',
+    meta: {
+      title: '大屏'
+    },
+    component: () => import('@/views/screen')
+  },
+  {
+    path: '/login',
+    name: 'login',
+    meta: {
+      title: '登录'
+    },
+    component: () => import('@/views/login')
+  },
+  {
+    path: '/success',
+    name: 'success',
+    meta: {
+      title: '操作成功'
+    },
+    component: () => import('@/views/success')
+  },
+  {
+    path: '/opt',
+    name: 'opt',
+    meta: {
+      title: '运维'
+    },
+    component: () => import('@/views/setTopBoxManage/opt')
+  },
+  {
+    path: '/guide',
+    name: 'guide',
+    meta: {
+      title: '导览'
+    },
+    component: () => import('@/views/guide')
+  },
+  {
+    path: '/commit',
+    name: 'commit',
+    component: () => import('@/views/user/commit.vue')
+  },
+  {
+    path: '/learn',
+    name: 'learn',
+    component: () => import('@/views/user/learn.vue')
+  },
+  {
+    path: '/admin',
+    name: 'admin',
+    component: () => import('@/views/user/admin.vue')
+  },
+  {
+    path: '/editPsd',
+    name: 'editPsd',
+    component: () => import('@/views/user/editPsd.vue')
+  },
+  {
+    path: '/learnContent',
+    name: 'learnContent',
+    component: () => import('@/views/user/components/learnContent.vue')
+  },
+  {
+    path: '/learnDetail',
+    name: 'learnDetail',
+    component: () => import('@/views/user/components/learnDetail.vue')
+  },
+  {
+    path: '/adminInfo',
+    name: 'adminInfo',
+    component: () => import('@/views/user/components/adminInfo.vue')
+  },
+]
+
+const router = new VueRouter({
+  routes: routes,
+  mode: "history",
+  base: process.env.BASE_URL
+})
+const whiteList =['/login','/success']
+router.beforeEach((to, from, next) => {
+  let user = sessionStorage.getItem("token");
+  if(to.name == 'screen' || to.name == 'slogin'){
+      let isSlogin = sessionStorage.getItem('sToken')
+      if(!isSlogin && to.name == 'screen'){
+        next({
+          path: '/slogin',
+        })
+      }else{
+        next(); 
+      }
+  }else{
+    if (!user && !whiteList.includes(to.path)) {  // 通过vuex state获取当前的token是否存在
+      console.log(to)
+      if (to.path === '/guide') {
+        next(to.path)
+      } else {
+        next({
+          path: '/login',
+        })
+      }
+    }else {
+      next(); 
+    }
+  }
+
+})
+export default router