Vue、Nuxt服务端渲染,NodeJS全栈项目,面试小白的博客系统~~
Holle,大家好,我是李白!!
一时兴起的开源项目,到这儿就告一段落了。
这是一个入门全栈之路的小项目,从设计、前端、后端、服务端,一路狂飙的学习,发量正在欣喜若狂~~
接触过WordPress,Hexo等第三方网站系统,虽说简单,但是感觉太过于冗余臃肿,显得过于杂乱,各种限制和体验不好等等原因。
所以决定书写一片属于自己的天地,我是创造者,也是追寻者。
前后台均为绞尽脑汁的设计,整体风格为简约风,人的心灵到达一定阶段,心思愈渐愈偏向于简单,大道极简也许才是最终的归宿。
「在线卑微,求个star https://github.com/wsydxiangwang/Mood」
- 项目部署
- 本地开发
- 前台页面
- 后台管理
- 闲言细语(肺腑之言,请一定要看)
项目部署
按照这个教程,就算你不懂代码,也能拥有属于自己的一个网站系统,后台设置均已完善,覆盖了正常博客的功能!!
在 GitHub 拉取项目 Mood
修改
config
文件夹里面的nginx.conf
文件,需要指定自己的域名,文件里面有注释说明。在服务器目录,创建
data
文件夹作为项目目录上传
web
、server
、config
3 个文件夹和docker-compose.yml
1 个文件。打开服务器终端,安装
docker
(安装教程参考:https://docs.docker.com/engine/install/ )~~安装成功后,进入刚才创建的
data
目录,运行docker-compose up -d
,进行部署运行
docker-compose ps
ordocker ps -a
看看是否正常运行,完美~~
ok, 搞定, 就是这么简单,「docker 牛逼」
前台网站:http://aa.com,后台则为:http://aa.com/admin,到这里就没问题了~~
「划重点:先进入后台,设置基本信息,前台才能正常访问,否则报错,ok 完美,赶紧回家吃个饭庆祝庆祝~~」
❝
一句话搞定部署,docker 真香
❞
(注:到第 5 步,如果提示此命令不存在的话,需要根据提示进行安装docker-compose
,我记得好像是需要的,在这儿我就不费时间去折腾了~~ )
本地开发
1.首先,需要在电脑安装数据库mongodb
,并且运行mongodb服务
。
2.在本地的 hosts 文件添加以下内容:
127.0.0.1 web
127.0.0.1 server
127.0.0.1 mongodb
使用docker
部署的时候,需要用不同的主机名进行互相连接容器,所以需要指定不同项目的名字!!
初学者目前还没找到更好的方式,如有的话,欢迎给予建议~~
3.项目的启动
npm install ## 每个目录必须
npm run dev ## web
npm run serve ## admin & server
4.开启之后,需要先进入管理后台,填写首屏的信息,才能正常访问前台,否则前台就会报错。
(额...这里偷懒了没做处理,也没必要处理
Vue、Nuxt服务端渲染,NodeJS全栈项目,面试小白的博客系统~~的更多相关文章
- Vue、Node全栈项目~面向小白的博客系统~
个人博客系统 前言 ❝ 代码质量问题轻点喷(去年才学的前端),有啥建议欢迎联系我,联系方式见最下方,感谢! 页面有啥bug也可以反馈给我,感谢! 这是一套包含前后端代码的个人博客系统,欢迎各位提出建议 ...
- next.js、nuxt.js等服务端渲染框架构建的项目部署到服务器,并用PM2守护程序
前端渲染:vue.react等单页面项目应该这样子部署到服务器 貌似从前几年,前后端分离逐渐就开始流行起来,把一些渲染计算的工作抛向前端以便减轻服务端的压力,但为啥现在又开始流行在服务端渲染了呢?如v ...
- Vue.js 服务端渲染业务入门实践
作者:威威(沪江前端开发工程师) 本文原创,转载请注明作者及出处. 背景 最近, 产品同学一如往常笑嘻嘻的递来需求文档, 纵使内心万般拒绝, 身体倒是很诚实. 接过需求,好在需求不复杂, 简单构思 后 ...
- ASP.NET Core 与 Vue.js 服务端渲染
http://mgyongyosi.com/2016/Vuejs-server-side-rendering-with-aspnet-core/ 原作者:Mihály Gyöngyösi 译者:oop ...
- NET Core 与 Vue.js 服务端渲染
NET Core 与 Vue.js 服务端渲染 http://mgyongyosi.com/2016/Vuejs-server-side-rendering-with-aspnet-core/原作者: ...
- go, iris , nuxt, 服务端渲染等技术在helloworld开发者社区中的应用与实践
大家好,helloworld.net 上线已经有近半年的时间了,转眼过的好快,在这半年的时间里,迭代了近10多个版本,优化了很多的体验,交互上的不足之处,同时也上线了我们的安卓 app, 苹果的因为还 ...
- vue ssr服务端渲染
SSR:Server Side Rendering(服务端渲染) 目的是为了解决单页面应用的 SEO 的问题,对于一般网站影响不大,但是对于论坛类,内容类网站来说是致命的,搜索引擎无法抓取页面相关内容 ...
- Nuxt 服务端渲染
前言 Nuxt.js 是一个基于 Vue.js 的通用应用框架. ssr 渲染服务端 可以看官方文档 https://zh.nuxtjs.org/guide/ nuxt 与平常 jsonp 不一样 , ...
- 追求极致的用户体验ssr(基于vue的服务端渲染)
首先这篇博客并不是ssr建议教程,需要ssr入门的我建议也不要搜索博客了,因为官网给出了详细的入门步骤,只需要step by step就可以了,这篇博客的意义是如何使用ssr,可能不同的人有不同的意见 ...
随机推荐
- Python3笔记016 - 4.1 序列
第4章 序列的应用 python的数据类型分为:空类型.布尔类型.数字类型.字节类型.字符串类型.元组类型.列表类型.字典类型.集合类型 在python中序列是一块用于存放多个值的连续内存空间. py ...
- Python3笔记014 - 3.5 跳转语句
第3章 流程控制语句 3.5 跳转语句 1.break 语句 while 条件表达式1: 语句块1 if 条件表达式2: break for 迭代变量 in 对象: 语句块1 if 条件表达式: br ...
- git bash中提示 bash:node: command not found
昨天小伙伴私信,git bash以及windows 的cmd命令行下均无法运行node npm. 究其原因是环境变量的问题.解决步骤: 1>在"此电脑"中右击,选择" ...
- zookeeper3.5.5 centos7 完全分布式 搭建随记
zookeeper3.5.5 centos7 完全分布式 搭建随记 这里是当初在三个ECS节点上搭建hadoop+zookeeper+hbase+solr的主要步骤,文章内容未经过润色,请参考的同学搭 ...
- 不懂SpringApplication生命周期事件?那就等于不会Spring Boot嘛
学习方法之少废话:吹牛.装逼.叫大哥. 作者:A哥(YourBatman) 公众号:BAT的乌托邦(ID:BAT-utopia) 文末是否有彩蛋:有 目录 前言 正文 生命周期事件流程图 版本说明: ...
- Uni-app页面路由小问题
从地址列表页跳转到地址编辑页之后,编辑完成,回到地址列表页,应该使用uni.redirectTo(),不能使用uni.navigateBack(),因为后者是回到上一个页面,地址列表页的并没有重新加载 ...
- 快来!我从源码中学习到了一招Dubbo的骚操作!
荒腔走板 大家好,我是 why,欢迎来到我连续周更优质原创文章的第 55 篇. 老规矩,先来一个简短的荒腔走板,给冰冷的技术文注入一丝色彩. 魔幻的 2020 年的上半年过去了,很多人都在朋友圈和上半 ...
- Fetch.AI 首席技术官Toby Simpson参与AMA活动
感谢7月11日在YouTube上参与 Fetch.AI AMA的所有人.我们收到了大量的问题,遗憾的是我们没有时间回答其中的多数问题.如果你错过了现场AMA,你可以在下面观看全部内容: 在本文中,我们 ...
- postman-4-响应内容
通过响应报文来检测接口的正确性:响应由正文,响应头和状态码组成 Pretty模式可以格式化JSON或XML响应报文,以便更容易查看.突出显示Pretry模式中的链接,点击它们, 可以通过链接URL在P ...
- CSS(五)- 背景与边框 - 边框圆角与阴影基础用法
扩展阅读 本文仅仅做border的基础使用,想要深入了解的话可以戳以下几个链接,觉得作者写的很好. CSS Backgrounds and Borders Module Level 3 CSS魔法堂: ...