【免费】个人博客项目vue.js和node.js前后端分离.zip_vue+node.js是前后端分离的框架嘛资源-CSDN文库

共108个文件

js：47个

vue：14个

md：8个

毕业设计

课程设计

项目开发

需积分: 0 6 浏览量 2024-01-16 11:53:04 上传评论收藏 550KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

个人博客项目 vue.js和node.js 前后端分离.zip （108个子文件）

.babelrc 402B

iconfont.css 4KB

reset.css 159B

style.css 111B

.editorconfig 147B

.eslintignore 57B

.eslintrc 58B

.gitignore 214B

.gitignore 213B

.gitkeep 0B

index.html 345B

favicon.ico 3KB

aritcle-pic3.jpg 44KB

aritcle-pic2.jpg 38KB

aritcle-pic1.jpg 22KB

webpack.prod.conf.js 5KB

blogController.js 4KB

blog.js 3KB

index.js 3KB

blog.js 3KB

webpack.dev.conf.js 3KB

utils.js 3KB

webpack.base.conf.js 2KB

user.js 2KB

index.js 2KB

app.js 2KB

user.js 2KB

runner.js 2KB

app.js 1KB

main.js 1KB

check-versions.js 1KB

build.js 1KB

nightwatch.conf.js 1KB

index.js 959B

userController.js 848B

userController.js 825B

.eslintrc.js 791B

elementCount.js 765B

db.js 727B

jest.conf.js 725B

data.js 663B

resModel.js 638B

test.js 561B

vue-loader.conf.js 553B

mysql.js 539B

cryps.js 416B

HelloWorld.spec.js 354B

index.js 333B

redis.js 262B

.postcssrc.js 246B

loginCheck.js 224B

loginCheck.js 217B

dev.env.js 156B

test.env.js 149B

prod.env.js 61B

setup.js 56B

package-lock.json 548KB

package-lock.json 134KB

package-lock.json 109KB

package.json 3KB

package.json 868B

package.json 627B

pm2.config.json 310B

err.log 33KB

out.log 544B

api.md 3KB

README.md 2KB

README.md 778B

readme.md 47B

readme.md 32B

readme.md 26B

config.md 17B

bg-summer-day.png 221KB

noData.png 18KB

logo.png 7KB

logo.png 5KB

BlogLogo.png 5KB

layout.pug 125B

error.pug 84B

index.pug 66B

myfooter.scss 165B

main.scss 35B

myheader.scss 0B

markdown.styl 11KB

Write.vue 8KB

MyHeader.vue 8KB

Index.vue 7KB

ArticleCard.vue 7KB

ArticleDetail.vue 7KB

MyHeader.vue 1KB

Article.vue 1KB

共 108 条

# 一款基于vue.js 和node构建个人博客项目 ### 前言本项目是一款个人学习的博客项目，主要是为了学习vue2 和 node.js。另外涉及到MySQL redis nginx 等技术栈知识 [项目地址](https://github.com/HunterXing/404blog) ### 预览地址（PC或者手机） #### > 注意：PC端支持markdown编辑博客，但是手机端不支持编辑，仅支持查看博客内容 #### [博客预览地址:node后台版本](https://notfound404.cn:4431) 预览账号 ``` 账号:test 密码：123 ``` ### 技术栈前端：html、css、sass、ES6、webpack、vue-cli、vue2、vuex、vue-router、axios、element-ui 后端：Node、Mysql、redis、nginx ### 目标功能 > 目标很简单基本的增删改就满足于学习 node 和 vue 实现前后端分离另外还有redis 的session保存、ngnix的反向代理、 pm2的进程守护 - [x] 登录退出（100%） (个人博客没有增加注册项，很好实现) - [x] 个人博客（100%） - [x] 推荐博客（100%） - [x] 添加博客（100%） - [x] 博客访问量（100%） - [x] 删除博客（100%） - [x] 编辑博客（100%） - [x] 移动端适应（100%） - [x] php后台（100%） - [x] express后台（100%） - [x] koa后台（100%） ### 项目截图 #### 首页 ![首页](https://raw.githubusercontent.com/HunterXing/resourse/master/images/20191020181055.png) #### 查看博客 ![查看博客](https://raw.githubusercontent.com/HunterXing/resourse/master/images/20191020181158.png) #### markdown写博客 ![markdown写博客](https://raw.githubusercontent.com/HunterXing/resourse/master/images/20191020181402.png) #### 移动端首页 ![移动端首页](https://upload-images.jianshu.io/upload_images/13711753-010be93c0ed7790f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) #### 移动端查看博客 ![移动端查看博客](https://upload-images.jianshu.io/upload_images/13711753-01bce9fdbc25f9e2.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

评论收藏

内容反馈