解决方案详情页 - 收藏取消收藏

nuxt.config.js

@@ -117,7 +117,7 @@ module.exports = {
    */
   proxy: [
     // ["/api", { target: "https://web.test.proginn.com", changeOrigin: true }],
-    ["/api", { target: "http:/local.proginn.com", changeOrigin: true }],
+    ["/api", { target: "https:/dev.test.proginn.com", changeOrigin: true }],
 	["/list", { target: "https://dev.test-jishuin.proginn.com", changeOrigin: true }],
     [
       "/file/proxyUpload",

pages/kaifain/detail/_tid/index.vue

@@ -32,7 +32,8 @@
         <div class="left">
           <!--todo 观看数据，收藏数据 -->
           <div class="watchNum">{{detail.pv || 0}}</div>
-          <div class="collectNum" :class="{isOk: detail.has_collected}" @click="collectKaifainHandler">12313</div>
+          <div class="collectNum" :class="{isOk: detail.has_collected}"
+            @click="collectKaifainHandler">{{detail.collectCount || 0}}</div>
         </div>
         <div class="right" v-if="detail.is_author">
           <div class="setTop" :class="{isOk: Number(detail.is_top) !== 0}" @click="setToTopHandler">
@@ -279,6 +280,7 @@
           if (Number(res.data.status) === 1) {
             this.detail.has_collected = !this.detail.has_collected
             let msg = this.detail.has_collected ? "收藏成功" : "取消收藏成功"
+            this.detail.collectCount = Number(this.detail.collectCount) + (this.detail.has_collected ? 1 : -1)
             this.$message.success(msg)
           }
         })