Vue 全家桶 + Express 实现的博客（后端API全部自己手写）

最新推荐文章于 2024-08-23 08:13:39 发布

原创

最新推荐文章于 2024-08-23 08:13:39 发布 · 6.7k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#vue-js #nodejs #express #mysql

本文详述了一位开发者使用Vue.js全家桶（包括Vuex、axios、webpack）结合Express和MySQL构建一个博客系统的过程。讨论了Vue的发展趋势、功能，以及在项目中遇到的问题和解决方案。博客系统实现了用户登录、注册、发帖、评论等功能，并介绍了如何通过webpack处理Vue组件，使用Express搭建后端API，以及采用pm2进行进程管理。

为什么学习并使用Vue

1.发展趋势

最近这几年的前端圈子，由于戏台一般精彩纷呈，从 MVC 到 MVVM，你刚唱罢我登场。 backbone，AngularJS 已成昨日黄花，reactjs 如日中天，同时另一更轻量的 vue 发展势头更猛，号称兼具了 angularjs 和 reactjs 的两者优点。

2.Vue能干吗

移动端的上网需求已经远高于pc端，特别是 hybrid 方式的H5应用中，但是性能问题一直是痛点。如果使用 SPA（就是俗称的单页应用（Single Page Web Application）），SPA它将所有的活动局限于一个Web页面中，仅在该Web页面初始化时加载相应的HTML、JavaScript 和 CSS。一旦页面加载完成了，SPA不会因为用户的操作而进行页面的重新加载或跳转。没有页面切换，就没有白屏阻塞，可以大大提高 H5 的性能，达到接近原生的流畅体验。

陆续续看vue已经二个多月了，3月份使用vue2.0开发了一个简单的博客，在用vue人性化优势的同时，的也遇到过很多坑，很多问题，分享一下我遇到的问题和解决办法

Vue2_blog

vue2,vuex,vue-cli,axios,webpack,express,mysql

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080 (本地启动)
npm run dev

# build for production with minification （生成静态文件，用于打包上传服务器）
npm