Giter VIP home page Giter VIP logo

nuxt-blog's Introduction

nuxt-blog

基于Nuxt.js服务器渲染(SSR)构建的个人博客系统

线上地址: Brian's Blog

Nuxt总结文档: Nuxt.js Docs


环境规范:

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:为什么我登录不了后台?

  1. 请确认已经装好mongoDB数据库,并且连接成功。

  2. 请确认已经按照使用前准备成功插入账号和密码

  3. 后台目录分为两个:

  • server/: 后端服务功能目录

  • serviceUI/: 后端UI界面源码

如果您是想在本地运行项目,请运行 serviceUI/目录:

# 运行

$ npm run dev

server/目录,如果访问localhost:3000,是被打包过的vue源码所以它的process.env.NODE_ENV会自动判断为production(生产环境)。

被打包过的vue源码,放在public/目录下,连接为真实线上环境,所以想在本地调试:请运行serviceUI/目录。

部分效果图展示

nuxt-blog's People

Contributors

warriorbrian avatar brianlee0223 avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.