隐私政策

online/src/page/private.vue

@@ -0,0 +1,60 @@
+<template>
+  <div id="pages">
+    <h5>隐私政策</h5>
+   <div id="content_views" class="markdown_views prism-atom-one-dark">
+                   
+                    <p><br> 本隐私政策介绍本公司的隐私数据相关政策和惯例，这将涵盖我们如何收集、使用、处理、存储和/或披露那些通过本公司的移动App收集的关于您的个人信息。请你仔细阅读我们的隐私政策。</p> 
+<p>一、本公司如何收集您的个人信息<br> 个人信息是可用于唯一地识别或联系某人的数据。<br> 当您使用本公司的移动App，注册用户过程中我们将会收集您的个人信息，如：电子邮件地址、电话号码。为了保护个人隐私，您不应提供除本公司特别要求之外的任何其它信息。</p> 
+<p>二、本公司如何使用您的个人信息<br> 1、通过您的个人信息，向您发送本公司移动App的服务信息。<br> 2、通过您的个人信息实现密码找回功能。<br> 3、除本公司发生重组、合并或出售，可将我们收集的一切个人信息转让给相关第三方外，本公司不会向任何无关第三方提供、出售、出租、分享或交易您的个人信息，除非事先得到您的许可，或该第三方和本公司单独或共同为您提供服务，且在该服务结束后，其将被禁止访问包括其以前能够访问的所有这些信息。</p> 
+<p>三、个人信息安全<br> 保证您的个人数据的安全对我们来说至关重要。当您在本公司的移动App中注册输入个人数据时，我们会利用安全套接字层技术 (SSL) 对这些信息进行加密。<br> 在数据传输和数据保管两个阶段里，我们会通过广为接受的行业标准（如防火墙、加密和数据隐私法律要求）来保护您向我们提交的信息。<br> 然而，没有任何一种互联网传输或电子存储方法是100%安全的。因此，尽管我们通过商业上可接受的方式来保护您的个人信息，但仍无法保证信息的绝对安全。</p> 
+<p>四、本公司会将个人信息保存多久<br> 一般来说，本公司仅保留您的个人信息至履行收集目的所需的期限，同时将遵守适用法律规定的数据保留期限。</p> 
+<p>五、法律免责声明<br> 在法律要求的情况下，以及本公司认为必须披露与您有关的信息来保护本公司的法定权益和/或遵守司法程序、法院指令或适用于本公司的移动App的法律程序时，我们有权透露您的个人信息。</p> 
+<p>六、本隐私政策的更改<br> 如果决定更改隐私政策，我们会在本政策中、本公司网站中以及我们认为适当的位置发布这些更改，以便您了解我们如何收集、使用您的个人信息，哪些人可以访问这些信息，以及在什么情况下我们会透露这些信息。<br> 本公司保留随时修改本政策的权利，因此请经常查看。如对本政策作出重大更改，本公司会通过网站通知的形式告知。</p> 
+<p>七、隐私问题<br> 如果你对本公司的隐私政策或数据处理有任何问题或顾虑，请通过邮箱beswell_hr@163.com与本公司联系。</p>
+                </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      msg: "Welcome to Your Vue.js App",
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+#pages {
+  width: 100%;
+  overflow: hidden;
+  display: block;
+  margin: 0 auto;
+  background: #fff;
+}
+h5 {
+  width: 100%;
+  overflow: hidden;
+  display: block;
+  margin: 0 auto;
+  font-size: 18px;
+  text-align: center;
+  margin-top: 10%;
+  color: #000;
+  font-weight: normal;
+}
+p {
+  width: 96%;
+  overflow: hidden;
+  display: block;
+  margin: 0 auto;
+  margin-top: 10%;
+  color: #000;
+  font-size: 14px;
+  text-align: left;
+  cursor: pointer;
+  line-height: 24px;
+}
+</style>

online/src/router/index.js

@@ -12,14 +12,14 @@ let NPconfig = {
     size: 2,               // progress size
     className: ''          // progress custom class
 };
-Vue.use(NProgress,NPconfig);
+Vue.use(NProgress, NPconfig);
 
 const routes = [
     {
         path: '/',
         name: '',
-        component: () => import( '../page/index.vue'),
-        meta: {index: 0},//meta对象的index用来定义当前路由的层级,由小到大,由低到高
+        component: () => import('../page/index.vue'),
+        meta: { index: 0 },//meta对象的index用来定义当前路由的层级,由小到大,由低到高
         children: [
             {
                 path: '/',
@@ -28,7 +28,7 @@ const routes = [
                     title: '预约课程',
                     index: 1
                 },
-                component: () => import( '../page/mainpage.vue')
+                component: () => import('../page/mainpage.vue')
             },
             {
                 path: '/appoint',
@@ -37,15 +37,15 @@ const routes = [
                     title: '预约课程',
                     index: 2
                 },
-                component: () => import( '../page/appoint.vue')
-            },  {
+                component: () => import('../page/appoint.vue')
+            }, {
                 path: '/record',
                 name: 'record',
                 meta: {
                     title: '预约记录',
                     index: 1
                 },
-                component: () => import( '../page/record.vue')
+                component: () => import('../page/record.vue')
             }, {
                 path: '/mine',
                 name: 'mine',
@@ -53,15 +53,15 @@ const routes = [
                     title: '我的',
                     index: 1
                 },
-                component: () => import( '../page/mine.vue')
-            },{
+                component: () => import('../page/mine.vue')
+            }, {
                 path: '/lesson',
                 name: 'lesson',
                 meta: {
                     title: '课程表',
                     index: 1
                 },
-                component: () => import( '../page/lesson.vue')
+                component: () => import('../page/lesson.vue')
             },
         ]
     },
@@ -72,7 +72,7 @@ const routes = [
             title: '登陆',
             index: 1
         },
-        component: () => import( '../page/login.vue')
+        component: () => import('../page/login.vue')
         // component: () => import( '../page/404.vue')
     }, {
         path: '/test',
@@ -81,15 +81,23 @@ const routes = [
             title: 'test',
             index: 1
         },
-        component: () => import( '../page/test.vue')
-    },{
+        component: () => import('../page/test.vue')
+    }, {
+        path: '/private',
+        name: 'private',
+        meta: {
+            title: 'private',
+            index: 1
+        },
+        component: () => import('../page/private.vue')
+    }, {
         path: '/404',
         name: '404',
         meta: {
             title: '404',
             index: 1
         },
-        component: () => import( '../page/404.vue')
+        component: () => import('../page/404.vue')
     }, {
         path: '*',
         name: 'notFound',
@@ -97,26 +105,26 @@ const routes = [
             title: '404',
             index: 3
         },
-        component: () => import( '../page/notFound.vue')
+        component: () => import('../page/notFound.vue')
     },
 ];
 
 const router = new VueRouter({
-     mode: 'history',
+    mode: 'history',
     //  mode: 'hash',
     base: process.env.BASE_URL,
     routes
 });
 
 // 路由守卫
-router.beforeEach((to,from,next)=>{
+router.beforeEach((to, from, next) => {
     NProgress.start();
-    const isLogin = localStorage.token? true : false;
-    if(to.path == '/login' ){//'login'和'register'相当于是路由白名单
+    const isLogin = localStorage.token ? true : false;
+    if (to.path == '/login' || to.path == '/private') {//'login'和'register'相当于是路由白名单
         next();
-    }else{
+    } else {
         //如果token存在，就正常跳转，如果不存在，则说明未登陆，则跳转到'login'
-        isLogin? next() : next("/login");
+        isLogin ? next() : next("/login");
         // next();
     }
 });