Guide language:

Summer vacation at home idle, thinking to do a web blog practice hand, now has done, share the process to everyone to see, share the learning experience.

WeChat search【 Web Pavilion 】Reply,“Full stack Blog Project”, can be obtainedProject source code and subsequent actual combat article tutorial.

I. Project introduction and pictures

1. Vue blog front-end

Package via Webpack using vue+vuex+ VUE-Router + AXIos.

Including registration, session login function, upload pictures, view articles, comments like a series of functions.

2, Node background, using koA2 framework

3. Manage the blog interface

Second, share the series and introduce the project in depth

The following steps will be used to reconstruct the writing process of this project in depth.

1. Build up node, Webpack and VUE-CLI environment, use VUE buckets, write routing, build static pages, and lay a foundation for subsequent API request writing.

2, start to configure the node background environment, install koA2, mysql, Redis, nginx and a series of configurations, step by step, each step has a detailed explanation.

3. Write background code, connect database and Redis, write background interface, use Nginx reverse proxy, solve cross-domain problems (unified port number) on the local development environment.

4, write management page, JS, operation rights, direct control database.

5. Wrote and improved the front-end and back-end projects comprehensively.

6. Purchase a cloud server and configure the Linux environment step by step with pictures.

7. Use PM2 to host node background in cloud server, use Nginx as Web server, upload and deploy the web front-end and management interface to Nginx.

8. The project runs on the server.

There will be many more blog posts for further restoration. If you are interested, please check out the next blog post

supplement:

Wechat search [web library], reply to the full stack blog project, you can obtain the project source and subsequent actual combat article tutorial. Every day with the most simple simple language, subtly improve your computer basic knowledge and front-end technology. Millet gruel, a dedicated Web full stack engineer, we will see you next time!