优化了用户主页的滚动

.gitignore

@@ -6,3 +6,4 @@ yarn-error.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.idea/

src/api/index.js

@@ -26,7 +26,7 @@ const axios = require('axios').create({
 })
 
 // 设置重试次数及重试延迟
-axios.defaults.retry = 4
+axios.defaults.retry = 2
 axios.defaults.retryDelay = 1000
 // http response 拦截器
 axios.interceptors.response.use(
@@ -35,18 +35,26 @@ axios.interceptors.response.use(
         // 如请求正确,则将 loading 关闭
         Vue.$vux.loading.hide()
 
+        // 统一管理error的错误
         if (response.data.errno === 401) {
             Vue.$vux.toast.show({
                 text: response.data.message,
                 type: "warn",
             })
 
             router.replace({
-                path: 'login',
+                path: '/login',
                 query: {
                     redirect: router.currentRoute.fullPath
                 }
             })
+        } else if (response.data.errno === -1
+            || response.data.errno === 1
+            || response.data.errno === 3) {
+            Vue.$vux.toast.show({
+                text: response.data.message || "出错了",
+                type: "warn",
+            })
         }
 
 
@@ -79,44 +87,51 @@ axios.interceptors.response.use(
                         type: "warn",
                     })
                     break
-                default:
-
 
             }
         }
 
-        // 请求失败后重试
-        let config = error.config
-        // 如果 config 不存在，或 retry 未设置, reject
-        if (!config || !config.retry) {
-            return Promise.reject(error)
-        }
 
-        // 保存重试次数
-        config.__retryCount = config.__retryCount || 0
+        // 请求超时后重试
+        if (error.code === 'ECONNABORTED' && error.message.indexOf('timeout') !== -1) {
+            let config = error.config
+            // 如果 config 不存在，或 retry 未设置, reject
+            if (!config || !config.retry) {
+                return Promise.reject(error)
+            }
 
-        // 重试次数大于设置的次数，reject
-        if (config.__retryCount >= config.retry) {
-            Vue.$vux.loading.hide()
-            return Promise.reject(error)
-        }
-        console.log(`第 ${config.__retryCount + 1} 次重试`)
+            // 保存重试次数
+            config.__retryCount = config.__retryCount || 0
 
-        // 重试统计 +1
-        config.__retryCount += 1
+            // 重试次数大于设置的次数，reject
+            if (config.__retryCount >= config.retry) {
+                Vue.$vux.loading.hide()
+                return Promise.reject(error)
+            }
+            console.log(`请求超时,第 ${config.__retryCount + 1} 次重试`)
 
-        // 创建一个 promise 处理新请求
-        return new Promise(resolve => {
-            setTimeout(resolve, config.retryDelay || 1)
-        }).then(() => {
-            if (!Vue.$vux.loading.isVisible()) {
+            // 重试统计 +1
+            config.__retryCount += 1
 
-                Vue.$vux.loading.show({
-                    text: "网络错误，正在重试",
-                })
-            }
-            return axios(config)
-        })
+            // 创建一个 promise 处理新请求
+            return new Promise(resolve => {
+                setTimeout(resolve, config.retryDelay || 1)
+            }).then(() => {
+
+                // 显示一个loading
+                if (!Vue.$vux.loading.isVisible()) {
+                    Vue.$vux.loading.show({
+                        text: "请求超时，正在重试",
+                    })
+                }
+                return axios(config)
+            })
+
+
+        }
+
+
+        return Promise.reject(error)
 
     },
 )

src/components/article/read_article.vue

@@ -44,13 +44,13 @@
         <!--评论列表-->
         <div class="comments" v-if="commentList.length ">
             <div class="comment-wrapper" v-for="(val,key) in commentList">
-                <div class="avatar">
+                <div class="avatar" @click="clickSomebody(val.from_id)">
                     <img :src="val.avatar" alt="">
                 </div>
                 <div class="comment-right">
                     <div class="nickname">{{val.from_nickname}}</div>
                     <div class="content">
-                        <a href="" class="at-someone">{{!val.is_for_author ?"@" +val.to_nickname + "\t" :"" }}</a>
+                        <span  @click="clickSomebody(val.to_id)" class="at-someone">{{!val.is_for_author ?"@" +val.to_nickname + "\t" :"" }}</span>
                         {{val.content}}
                     </div>
                     <div class="footer">
@@ -154,6 +154,9 @@
                 })
 
             },
+            clickSomebody(userId){
+                this.$router.push({name: 'user', params: {id: userId}})
+            },
             toggleCollect() {
                 if (!this.$store.state.user.user.id) {
                     this.$vux.toast.show({
@@ -274,12 +277,6 @@
                             text: res.message,
                             type: "success",
                         })
-
-                    } else {
-                        _this.$vux.toast.show({
-                            text: res.message,
-                            type: "warn",
-                        })
                     }
                     _this.fetchData()
                     _this.initcollectList()