fix: 将所有http资源替换为https以提升安全性

refactor: 添加新的直播视图路由路径
style: 格式化代码并优化缩进

config/index.js

@@ -12,7 +12,7 @@ module.exports = {
     assetsPublicPath: '/',
     proxyTable: {
       '/api': {
-        // target: 'http://admin.jiangtang360.com/admin',
+        // target: 'https://admins.jiangtang360.com/admin',
         target: 'http://sz-test.shengzhevictor.com', //设置调用接口域名和端口号别忘了加http///请求的第三方接口
         changeOrigin: true,///在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
         pathRewrite: {

src/components/Homes.vue

@@ -37,7 +37,8 @@
       <div class="kecheng">
         <div class="kecheng_biaoti">
           <p class="kecheng_biaotiL">课程展示</p>
-            <p class="kecheng_biaotiR"  @click="goUrl('/courseAll')">查看全部&emsp;<img class="fr" src="../../static/imgs/header_icon_right.svg" alt=""></p>
+          <p class="kecheng_biaotiR" @click="goUrl('/courseAll')">查看全部&emsp;<img class="fr"
+              src="../../static/imgs/header_icon_right.svg" alt=""></p>
         </div>
 
         <div class="kechenginfo" v-for="(item, index) in course" :key="index">
@@ -46,7 +47,8 @@
             <p class="kechenginfoR_bt">{{ item.name }}</p>
             <p class="kechenginfoR_xbt">{{ item.description }}</p>
             <div class="kechenginfoR_bot">
-                <div class="kechenginfoR_botL"><img src="../../static/img/yanjing.png" alt="" class="yanjing">{{item.page_view}}人</div>
+              <div class="kechenginfoR_botL"><img src="../../static/img/yanjing.png" alt=""
+                  class="yanjing">{{ item.page_view }}人</div>
               <div class="kechenginfoR_botR" @click="goCourseDetail(item.id)">进入课程</div>
             </div>
           </div>
@@ -96,7 +98,23 @@
         data => {
           if (data.code == 1) {
             this.company = data.data.company;
+            //替换图片为https地址
+            this.company.banner = this.company.banner.replace(
+              "http://img",
+              "https://imgs"
+            );
+            this.company.thumbnail = this.company.thumbnail.replace(
+              "http://img",
+              "https://imgs"
+            );
             this.course = data.data.course;
+            //替换图片为https地址
+            for (let index = 0; index < this.course.length; index++) {
+              this.course[index].thumbnail = this.course[index].thumbnail.replace(
+                "http://img",
+                "https://imgs"
+              );
+            }
             var courseName = this.course.map(v => { return v.name })
             //证书需要课程名称，所以用localStorage缓存
             localStorage.setItem("courseName", JSON.stringify(courseName));
@@ -123,18 +141,21 @@
 .all {
   padding: 5rem 0 6.5rem;
 }
+
 .top {
   width: 30rem;
   margin: auto;
   height: 18rem;
   display: flex;
   align-items: center;
+
   img {
     width: 100%;
     height: 15rem;
     object-fit: cover;
   }
 }
+
 .daohang {
   width: 90%;
   height: 6rem;
@@ -142,26 +163,32 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
+
   .daohang1 {
     width: 25%;
     border-right: 1px solid #CCCCCC;
     font-size: 1.35rem;
+
     &:last-child {
       border: none;
     }
   }
+
   .liuyan1 {
     border-right: none;
   }
+
   .tupian {
     width: 2.5rem;
     height: 2.5rem;
     margin-bottom: 0.5rem;
   }
 }
+
 .kecheng {
   width: 90%;
   margin: auto;
+
   .kecheng_biaoti {
     margin: 1rem 0;
     height: 3rem;
@@ -169,16 +196,19 @@
     justify-content: space-between;
     align-items: center;
   }
+
   .kecheng_biaotiL {
     font-size: 1.56rem;
     font-family: MicrosoftYaHei;
     font-weight: bold;
   }
+
   .kecheng_biaotiR {
     font-size: 1.25rem;
     font-family: MicrosoftYaHei;
     font-weight: 400;
     color: #C5C5C5;
+
     .fr {
       width: 1rem;
       height: 1rem;
@@ -191,6 +221,7 @@
     justify-content: space-between;
     align-items: center;
     border-bottom: 1px solid #CCCCCC;
+
     >img {
       width: 13rem;
       height: 10rem;
@@ -198,12 +229,14 @@
       margin-right: 0.5rem;
     }
   }
+
   .kechenginfoR {
     width: 56%;
     height: 10rem;
     text-align: left;
     position: relative;
   }
+
   .kechenginfoR_bt {
     display: block;
     width: 100%;
@@ -214,6 +247,7 @@
     overflow: hidden;
     text-overflow: ellipsis;
   }
+
   .kechenginfoR_xbt {
     display: block;
     width: 100%;
@@ -224,6 +258,7 @@
     margin: 1rem 0;
     word-wrap: break-word;
   }
+
   .kechenginfoR_bot {
     height: 4rem;
     display: flex;
@@ -233,6 +268,7 @@
     bottom: 0;
     width: 100%;
   }
+
   .kechenginfoR_botL {
     color: #CCCCCC;
     font-size: 1.25rem;
@@ -240,11 +276,13 @@
     justify-content: flex-start;
     align-items: center;
   }
+
   .yanjing {
     width: 1.5rem;
     height: 1.5rem;
     margin-right: 0.5rem;
   }
+
   .kechenginfoR_botR {
     width: 8rem;
     height: 3rem;
@@ -257,5 +295,4 @@
   }
 
 }
-
 </style>

src/components/common/CommonTop.vue

@@ -32,7 +32,7 @@
             data-vidtype="1"
             style="position: relative; z-index: 1; height: 35em; width: 31em"
             scrolling="no"
-            src="http://img.jiangtang360.com/1666599415204.mp4"
+            src="https://imgs.jiangtang360.com/1666599415204.mp4"
             allowfullscreen="1"
             frameborder="0"
           ></iframe>

src/components/signin/QRCode.vue

@@ -30,7 +30,7 @@ export default {
   },
   methods: {
     createQRCode(num) {
-      axios.get("http://admin.jiangtang360.com/api/Card/getTime").then(
+      axios.get("https://admins.jiangtang360.com/api/Card/getTime").then(
         (res) => {
           if (num === 1) {
             var redirect_uri = encodeURIComponent(this.redirect_uri)+res.data;

src/components/signin/SignIn.vue

@@ -77,7 +77,7 @@ export default {
       var params = new URLSearchParams(query);
       //扫描二维码传入的时间
       var paramValue = params.get("nowTime");
-      axios.get("http://admin.jiangtang360.com/api/Card/getTime").then(
+      axios.get("https://admins.jiangtang360.com/api/Card/getTime").then(
         (res) => {
           if (
             Number(paramValue) + 1000 * 60 * 5 > res.data &&
@@ -99,7 +99,7 @@ export default {
     getOpenid(code) {
       let formData = new FormData();
       formData.append("code", code);
-      axios.post("http://admin.jiangtang360.com/api/Signin/getOpenId", formData).then(
+      axios.post("https://admins.jiangtang360.com/api/Signin/getOpenId", formData).then(
         (res) => {
           if (res.data.code == 200) {
             this.openid = res.data.data;
@@ -120,7 +120,7 @@ export default {
       let formData = new FormData();
       formData.append("openid", openid);
       axios
-        .post("http://admin.jiangtang360.com/api/Signin/isTodaySignedIn", formData)
+        .post("https://admins.jiangtang360.com/api/Signin/isTodaySignedIn", formData)
         .then(
           (res) => {
             if (res.status == 200) {
@@ -141,7 +141,7 @@ export default {
       formData.append("openid", this.openid);
       axios
         .post(
-          "http://admin.jiangtang360.com/api/Signin/getLastSubmissionByOpenid",
+          "https://admins.jiangtang360.com/api/Signin/getLastSubmissionByOpenid",
           formData
         )
         .then(
@@ -169,7 +169,7 @@ export default {
             formData.append("openid", this.openid);
             axios
               .post(
-                "http://admin.jiangtang360.com/api/Signin/saveUserCheckinInfo",
+                "https://admins.jiangtang360.com/api/Signin/saveUserCheckinInfo",
                 formData
               )
               .then(

src/components/study/course.vue

@@ -2,12 +2,7 @@
   <div class="all">
     <back title="已学课程"></back>
     <div class="kecheng">
-      <div
+      <div class="kechenginfo" @click="goCourseDetail(item.id)" v-for="(item, index) in course" :key="index">
-        class="kechenginfo"
-        @click="goCourseDetail(item.id)"
-        v-for="(item, index) in course"
-        :key="index"
-      >
         <img :src="item.thumbnail" alt="" />
         <div class="kechenginfoR">
           <p class="kechenginfoR_bt">{{ item.name }}</p>
@@ -54,6 +49,12 @@ export default {
         (data) => {
           if (data.code == 1) {
             this.course = data.data;
+            for (let index = 0; index < this.course.length; index++) {
+              this.course[index].thumbnail = this.course[index].thumbnail.replace(
+                "http://img",
+                "https://imgs"
+              );
+            }
           } else {
             Toast(data.msg);
           }
@@ -70,45 +71,53 @@ export default {
   padding: 5.5rem 0;
   width: 90%;
   margin: auto;
+
   .kecheng_biaoti {
     height: 3rem;
     display: flex;
     justify-content: space-between;
     align-items: center;
   }
+
   .kecheng_biaotiL {
     font-size: 1.56rem;
     font-family: MicrosoftYaHei;
     font-weight: bold;
   }
+
   .kecheng_biaotiR {
     font-size: 1.25rem;
     font-family: MicrosoftYaHei;
     font-weight: 400;
     color: #c5c5c5;
+
     .fr {
       width: 1rem;
       height: 1rem;
     }
   }
+
   .kechenginfo {
     padding: 2rem 0;
     display: flex;
     justify-content: space-between;
     align-items: center;
     border-bottom: 1px solid #cccccc;
+
     >img {
       width: 11rem;
       height: 15rem;
       object-fit: cover;
     }
   }
+
   .kechenginfoR {
     width: 56%;
     height: 15rem;
     text-align: left;
     position: relative;
   }
+
   .kechenginfoR_bt {
     display: block;
     width: 100%;
@@ -119,6 +128,7 @@ export default {
     overflow: hidden;
     text-overflow: ellipsis;
   }
+
   .kechenginfoR_xbt {
     display: block;
     width: 100%;
@@ -131,10 +141,12 @@ export default {
     text-overflow: ellipsis;
     height: 7rem;
   }
+
   .kechenginfoR_end {
     font-size: 1rem;
     color: #0083ff;
   }
+
   .kechenginfoR_bot {
     height: 4rem;
     display: flex;
@@ -144,6 +156,7 @@ export default {
     bottom: 0;
     width: 100%;
   }
+
   .kechenginfoR_botL {
     color: #cccccc;
     font-size: 1.25rem;
@@ -151,11 +164,13 @@ export default {
     justify-content: flex-start;
     align-items: center;
   }
+
   .yanjing {
     width: 1.5rem;
     height: 1.5rem;
     margin-right: 0.5rem;
   }
+
   .kechenginfoR_botR {
     width: 8rem;
     height: 3rem;

src/components/study/courseAll.vue

@@ -9,7 +9,8 @@
           <p class="kechenginfoR_bt">{{ item.name }}</p>
           <p class="kechenginfoR_xbt">{{ item.description }}</p>
           <div class="kechenginfoR_bot">
-              <div class="kechenginfoR_botL"><img src="../../../static/img/yanjing.png" alt="" class="yanjing">{{item.page_view}}人</div>
+            <div class="kechenginfoR_botL"><img src="../../../static/img/yanjing.png" alt=""
+                class="yanjing">{{ item.page_view }}人</div>
             <div class="kechenginfoR_botR">进入课程</div>
           </div>
         </div>
@@ -47,6 +48,9 @@
         data => {
           if (data.code == 1) {
             this.course = data.data;
+            for (let index = 0; index < this.course.length; index++) {
+              this.course[index].thumbnail = this.course[index].thumbnail.replace('http://img', 'https://imgs');
+            }
           } else {
             Toast(data.msg);
           }
@@ -62,33 +66,39 @@
   padding: 5.5rem 0;
   width: 90%;
   margin: auto;
+
   .kecheng_biaoti {
     height: 3rem;
     display: flex;
     justify-content: space-between;
     align-items: center;
   }
+
   .kecheng_biaotiL {
     font-size: 1.56rem;
     font-family: MicrosoftYaHei;
     font-weight: bold;
   }
+
   .kecheng_biaotiR {
     font-size: 1.25rem;
     font-family: MicrosoftYaHei;
     font-weight: 400;
     color: #C5C5C5;
+
     .fr {
       width: 1rem;
       height: 1rem;
     }
   }
+
   .kechenginfo {
     padding: 2rem 0;
     display: flex;
     justify-content: space-between;
     align-items: center;
     border-bottom: 1px solid #CCCCCC;
+
     >img {
       width: 13rem;
       height: 10rem;
@@ -96,12 +106,14 @@
       margin-right: 0.5rem;
     }
   }
+
   .kechenginfoR {
     width: 56%;
     height: 10rem;
     text-align: left;
     position: relative;
   }
+
   .kechenginfoR_bt {
     display: block;
     width: 100%;
@@ -112,6 +124,7 @@
     overflow: hidden;
     text-overflow: ellipsis;
   }
+
   .kechenginfoR_xbt {
     display: block;
     width: 100%;
@@ -122,6 +135,7 @@
     margin: 1rem 0;
     word-wrap: break-word;
   }
+
   .kechenginfoR_bot {
     height: 4rem;
     display: flex;
@@ -131,6 +145,7 @@
     bottom: 0;
     width: 100%;
   }
+
   .kechenginfoR_botL {
     color: #CCCCCC;
     font-size: 1.25rem;
@@ -138,11 +153,13 @@
     justify-content: flex-start;
     align-items: center;
   }
+
   .yanjing {
     width: 1.5rem;
     height: 1.5rem;
     margin-right: 0.5rem;
   }
+
   .kechenginfoR_botR {
     width: 8rem;
     height: 3rem;
@@ -154,5 +171,4 @@
     font-size: 1.25rem;
   }
 }
-
 </style>

src/components/study/courseDetail.vue

@@ -270,7 +270,21 @@ export default {
         (data) => {
           if (data.code == 1) {
             this.courseData = data.data;
+            this.courseData.thumbnail = this.courseData.thumbnail.replace(
+              "http://img",
+              "https://imgs"
+            );
             this.section = data.data.section;
+            for (let index = 0; index < this.section.length; index++) {
+              this.section[index].thumbnail = this.section[index].thumbnail.replace(
+                "http://img",
+                "https://imgs"
+              );
+              this.section[index].video_url = this.section[index].video_url.replace(
+                "http://img",
+                "https://imgs"
+              );
+            }
             this.changeSection(data.data.recent_section);
           } else {
             Toast(data.msg);

src/components/user/photoPreview.vue

@@ -23,7 +23,7 @@ export default {
 
   mounted() {
     this.cardphotopath =
-      "http://admin.jiangtang360.com/static/admin/cards/" +
+      "https://admins.jiangtang360.com/static/admin/cards/" +
       this.$refs.getValue.value +
       ".jpg" +
       "?ran=" +

src/components/user/uploadphoto.vue

@@ -151,7 +151,7 @@ export default {
               axios
                 .post(
                   // "/uploadcardimage",formData
-                  "http://admin.jiangtang360.com/api/card/uploadcardimage",
+                  "https://admins.jiangtang360.com/api/card/uploadcardimage",
                   formData,
                   config
                   // Qs.stringify(formData)
@@ -188,13 +188,13 @@ export default {
 
   mounted() {
     this.photopath =
-      "http://admin.jiangtang360.com/static/admin/cards/" +
+      "https://admins.jiangtang360.com/static/admin/cards/" +
       this.$refs.getValue.value +
       ".jpg" +
       "?ran=" +
       Math.random();
     this.ImgObj.src =
-      "http://admin.jiangtang360.com/static/admin/cards/" +
+      "https://admins.jiangtang360.com/static/admin/cards/" +
       this.$refs.getValue.value +
       ".jpg" +
       "?ran=" +

src/router/index.js

@@ -121,6 +121,11 @@ export default new Router({
       name:'wxerror',
       component: resolve => require(['../components/login/wxError.vue'], resolve)
     },
+    {
+      path:'/liveview',
+      name:'liveview',
+      component: resolve => require(['../components/study/liveView.vue'], resolve)
+    },
     // 用户
     {
       path:'/user',

src/vuex/store.js

@@ -13,6 +13,7 @@ const state={
 const mutations={
     addInfo(state,loginInfo){
       state.loginInfo = loginInfo;
+      state.loginInfo.header = state.loginInfo.header.replace('http://img','https://imgs');
     }
 
 }