🔖 1.0.0

Author: bai3

README.md

@@ -4,13 +4,15 @@
 第一个个人的vue项目+独自完成的前后端分离项目
 总结一下，因为django rest framework并不是很熟练，实习的时候都是别人写好接口直接给我，自己用python写接口真的有点困难。前端方面还是比较简单，有些新的知识多看文档还是能解决的。接下来为这个项目做得工作，无非是移动端路由切换和表单提交信息的补充，作为第一个自己完整搭建的项目，我还是会好好维护的。
 ## 项目地址 [www.bai3.xyz/comment](http://www.bai3.xyz/comment)
-> 线上版本因为前后端图片路由问题导致图片不显示，所以线上没更新。可以自行下载github库自行安装运行
+
 
 更新说明
 - 2017/12/18
     丰富了用户留言列表的大头贴
 - 2017/12/19
     添加了路由切换是动画效果(实际是想做移动端侧拉切换路由，没成功)
+- 2017/12/20
+    将图片弄到七牛加载，解决vue图片加载问题，正式发布1.0.0版本
 
 ### 技术栈
 #### 前端

src/components/MessageList.vue

@@ -3,7 +3,7 @@
     <div class="main" v-for="(todo, index) in comments">
       <div style="margin-bottom: 15px">
         <div style="display: inline-block">
-         <img :src="'/src/assets/'+header(index)" style="width:35px">
+         <img :src="header(index)" style="width:35px">
         </div>
         <div class="info" style="display: inline-block">
         <span style="font-size: 15px;color: #333;">{{todo.name}}</span><br/>
@@ -45,25 +45,25 @@ export default {
       header(index){
         switch(index%10){
           case 0:
-            return '头像男孩.png';
+            return 'http://p00vufmn6.bkt.clouddn.com/image/head/头像男孩.png';
           case 1:
-            return '头像女孩.png';
+            return 'http://p00vufmn6.bkt.clouddn.com/image/head/头像女孩.png';
           case 2:
-            return '头像男孩(1).png';
+            return 'http://p00vufmn6.bkt.clouddn.com/image/head/头像男孩(1).png';
           case 3:
-            return '头像女孩(1).png';
+            return 'http://p00vufmn6.bkt.clouddn.com/image/head/头像女孩(1).png';
           case 4:
-            return '头像男孩(2).png';
+            return 'http://p00vufmn6.bkt.clouddn.com/image/head/头像男孩(2).png';
           case 5:
-            return '头像女孩(2).png';
+            return 'http://p00vufmn6.bkt.clouddn.com/image/head/头像女孩(2).png';
           case 6:
-            return '头像男孩(3).png';
+            return 'http://p00vufmn6.bkt.clouddn.com/image/head/头像男孩(3).png';
           case 7:
-            return '头像女孩(3).png';
+            return 'http://p00vufmn6.bkt.clouddn.com/image/head/头像女孩(3).png';
           case 8:
-            return '头像男孩(4).png';
+            return 'http://p00vufmn6.bkt.clouddn.com/image/head/头像男孩(4).png';
           case 9:
-            return '头像女孩(4).png';
+            return 'http://p00vufmn6.bkt.clouddn.com/image/head/头像女孩(4).png';
         }
         
       }