shuirong/vuecnodejs

⚽️🎉Vue初/中级项目，CnodeJS社区重构。( a junior project of Vue.js, rewrite cnodejs.org ) 预览(DEMO)：

VueCnodeJS

一个 Vue 的初/中级练手项目：重构 CnodeJS 社区

预览

这是我第一个真正意义上的 Vue 项目，共花了５天时间，每天大概３,4 个小时左右在这个项目上。除了Vue.js概念比较了解外，Vue-Router和Axios都是现学现用。之前还想着可能要花点时间学下新东西，但看了文档后才发现其实挺简单的...

PS: 如果你想入门Vue,但苦于没有难度合适的项目的话，Here For You!

考虑到别人可能会看我源码来学习Vue，我添加了"非常详细的注释"。贴心吧，嘻嘻～

2018-12-25: 最近学了React，然后写了对应的React.js版，希望帮到正在/将要学习React的同学

2018-12-9: 重构了项目：界面更美观，代码更优雅。

2017-9-9: 我又为本项目写了个Nuxt.js的版本.完美解决了 SEO 问题(Vue 这种 MVVM 框架一直被人诟病没有解决 SEO,但是现在我们有了 Nuxt). 代码在nuxtVersion文件中. 需要注意的地方我写在了代码注释里

2017-5-24： 如果你看完Vuex文档，对于如何把它应用到实际项目中还是有点茫然的话，那么我为这个项目写了一个 Vuex 版本。就在vuexVersion文件中。

---

本地运行：

git clone https://github.com/shuiRong/VueCnodeJS.git
cd VueCnodeJS
npm install // 或者 yarn
npm run serve // 或者 yarn serve

PS: 默认用的是 8080 端口。

---

技术栈：

Vue

Vue-Router

Axios

ElementUI

CnodeJS API

vuecnodejs's Issues

接口请求401

请求接口成了401，咋回事呢

favico去哪里了

提一个小白问题，我发现你在代码里面，没有任何地方写了favico。但是在跑你的代码的时候，会在标签栏哪里有图标。怎么做到的？

run 的时候有个错误，可以帮忙看看吗！小白一个

[email protected] dev F:\vue\demo\VueCnodeJS
node build/dev-server.js

Starting dev server...
ERROR Failed to compile with 8 errors14:51:38

error in ./src/main.js

✘ http://eslint.org/docs/rules/linebreak-style Expected linebreaks to be 'LF' but found 'CRLF'
F:\vue\demo\VueCnodeJS\src\main.js:1:59
// The Vue build version to load with the import command
^

✘ http://eslint.org/docs/rules/linebreak-style Expected linebreaks to be 'LF' but found 'CRLF'
F:\vue\demo\VueCnodeJS\src\main.js:2:81
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
^

✘ http://eslint.org/docs/rules/linebreak-style Expected linebreaks to be 'LF' but found 'CRLF'
F:\vue\demo\VueCnodeJS\src\main.js:3:23
import Vue from 'vue';
^

✘ https://google.com/#q=import%2Fextensions Unexpected use of file extension "vue" for "vue-svg-icon/Icon.vue"
F:\vue\demo\VueCnodeJS\src\main.js:4:18
import Icon from 'vue-svg-icon/Icon.vue';

在第二次进入详情页的时候，SideCom组件会一直loading

没错，又是我这个渣新。虽然我已经看了一遍vue.js，但还不能自如运用。。请指教这个bug的修改思路。

关于打包部署的问题

请教一下，你这个项目完成后的预览是怎么实现的？你自己申请的域名放上去的吗？
我将打包后的dist文件夹放到github pages上，静态文件正常加载，但会出现请求跨域的问题，，
网上说使用nginx做反向代理，这应该只针对本地查看吧？如果要在github上做类似的预览效果，该怎么实现呢？
预览地址：https://zhang122622623.github.io/vueCnode
源码地址：https://github.com/zhang122622623/vueCnode

同一个请求发送多次

多次进入详情返回.可以看到有多个相同的请求

关于v-for

v-for = "item in content"．
作者果然很贴心，已点star,在MainSec组件中v-for指令有一点点小瑕疵．

这个什么地方式 seo 了呢,我感觉页没变啊

这个什么地方式 seo 了呢,我感觉页没变啊, title 设么的

请问关于nuxt.js版本的问题

在本地运行后发现服务器端渲染出来的资源里，有这么一段
window.__NUXT__={"layout":"default","data":[{"articleListsData":[{"id":"5c2edce13898674067a7b103","author_id":"5372465f3c72496d41009adc","tab":"share","content":"截止1 月 12日晚 22:00，有效参与人数共 252 人，抽取 5 名中奖者。\r\n恭喜以下中奖者🎉🎉🎉🎉🎉 gofromzero,MoeXian,yxcs,caoxiaoshuai1,langjy🎉🎉🎉🎉🎉\r\n请评论区留下联系方式。\r\n![image.png](\u002F\u002Fstatic.cnodejs.org\u002FFvx9s9EjQk7IwNrAMO5_y7zJfrej)\r\n\r\n---------------- 以下是原文 。。。
但是在https://mystifying-hoover-fff38f.netlify.com/这个线上demo中却没有
而我自己的项目发布到线上后也有这么一段很长的javascript，请问不显示这个需要做一些什么设置吗

运行项目时报错，cantnot find module get-iterator

我尝试重新npm install，但是没有用

关于vue-svg-icon报错的问题

你好，我直接下载了【给文章添加Github的markdown样式。用Element提倡的UI风格给组件美化】这个版本的代码然后npm install之后运行报错：

https://google.com/#q=import%2Fextensions  Unexpected use of file extension "vue" for "vue-svg-icon/Icon.vue"
  import Icon from 'vue-svg-icon/Icon.vue';

请问这个报错是什么原因呢？百度和谷歌都没搜到跟这个问题有关的解决办法

MainSec的dealTime有误

创建时间的值写死了，没有根据content更新creat_at。

刚看完VUe2.x基础篇，对组件后面杂项部分很迷茫啊

看到杂项里面的异步子组件和高级异步子组件，看不懂了，偶然看到了hub主的这个实战，感觉我要能写出来，还是遥遥无期。想请教一下，在学Vue之前是不是需要先学会node.js 和 webpack这些吖