warriorBrian / Nuxt Blog
Licence: mit
基于Nuxt.js服务器渲染(SSR)搭建的个人博客系统
Stars: ✭ 277
Programming Languages
javascript
184084 projects - #8 most used programming language
es6
455 projects
Projects that are alternatives of or similar to Nuxt Blog
Vue Mall Mobile
🔥 vue + koa + mongodb 搭建 mobile web 商城 (End。。。)
Stars: ✭ 201 (-27.44%)
Mutual labels: mongoose, mongodb, koa2, axios
Vue Blog
A single-user blog built with vue2, koa2 and mongodb which supports Server-Side Rendering
Stars: ✭ 586 (+111.55%)
Mutual labels: mongoose, koa2, axios
task-manager
Open-source task manager based on Kanban. Made with vue.js, koa2, mongodb\mongoose.
Stars: ✭ 23 (-91.7%)
Mutual labels: mongoose, nuxt, koa2
login push
vue+koa2+jwt实现单点登录 + todolist增删改查
Stars: ✭ 20 (-92.78%)
Mutual labels: mongoose, axios, koa2
Nuxt Ssr
✨vue+nuxt+sass+node+express+MongoDB 实现的SSR项目。
Stars: ✭ 323 (+16.61%)
Mutual labels: mongodb, axios, ssr
jooger.me
👍 My personal website,powered by @nuxt
Stars: ✭ 39 (-85.92%)
Mutual labels: ssr, nuxt, axios
Vue Family Bucket Ssr Koa2 Full Stack Development From Meituan
🚀🚀2020最新Vue全家桶+SSR+Koa2全栈开发☁
Stars: ✭ 100 (-63.9%)
Mutual labels: mongoose, mongodb, ssr
Node React Ecommerce
Build ECommerce Website Like Amazon By React & Node & MongoDB
Stars: ✭ 1,080 (+289.89%)
Mutual labels: mongoose, mongodb, axios
Koa Restful Boilerplate
Koa 2 RESTful API boilerplate
Stars: ✭ 146 (-47.29%)
Mutual labels: mongoose, mongodb, koa2
Axios Module
Secure and easy axios integration with Nuxt.js
Stars: ✭ 998 (+260.29%)
Mutual labels: nuxt, axios, ssr
Vue Element Responsive Demo
基于 Vue + Element 的响应式后台模板
Stars: ✭ 54 (-80.51%)
Mutual labels: mongoose, mongodb, koa2
nuxt-blog
基于Nuxt.js服务器渲染(SSR)构建的个人博客系统
Brian's Blog
线上地址:2.X 版本地址
🚧环境规范:
Vue.js >= 2.0
Nuxt.js >= 1.0.0
Node.js > 8.0
MongoDB >= v3.6.3
目录说明:
-
nuxt/
:前端UI界面 -
server/
:后端服务功能 -
serviceUI/
:后端UI界面源码
⚠️ 使用前准备
暂时不支持后台修改用户名,后续会增加。所以需要准备工作如下:
# 1. 进入blog库
$ use blog
# 2. 插入登录用户名及密码
$ db.users.insert({username:'demo',password:'626dd3c7157d6460664c3b5c3778c96c'})
# 3. 用户名及密码登录
用户名为:demo
密码为:123456
特别注意:必须要先在数据库里面插入用户名及密码,否则后台无法登陆!!!
🚀 构建与运行
特别注意:构建与运行及详情在每个目录下的readme说明,点击目录即可阅读!
暂不支持移动端,正在开发移动端版本中...
# nuxt localhost:8081
$ npm install
# server localhost:3000
$ npm install
# serviceUI localhost:8082
$ npm install
🔥 常见问题
Q:每个目录都是干嘛的?
├── nuxt/ 前端项目目录
├── server/ 后端项目目录
└── serviceUI/ 后端管理页面目录
Q:为什么我登录不了后台?
-
请确认已经装好mongoDB数据库,并且连接成功。
-
请确认已经按照使用前准备成功插入账号和密码
-
后台目录分为两个:
-
server/
: 后端服务功能目录 -
serviceUI/
: 后端UI界面源码
如果您是想在本地运行项目,请运行 serviceUI/
目录:
# 运行
$ npm run dev
而server/
目录,如果访问localhost:3000
,是被打包过的vue
源码所以它的process.env.NODE_ENV
会自动判断为production
(生产环境)。
被打包过的vue
源码,放在public/
目录下,连接为真实线上环境,所以想在本地调试:请运行serviceUI/
目录。
部分效果图展示
部分效果图文章跳转链接
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].