Skip to content

szisa/vue-express-template

Repository files navigation

express-vue 开发模板 (含 iView)

这是一个基于 Vue.js 与 Node Express 框架的一体化开发模板,主要解决前后端联合调试问题与部署问题。利用 Express 静态文件服务作为前端编译输出,进而解决部署前端需要 Web 服务器与前后端代码分开部署问题。

目录说明

  1. bin - 服务启动入口
  2. interface - 业务接口实现
  3. fontend - 前端代码
    1. assets - 前端资源
    2. components - 前端组件
    3. config - 运行与编译变量配置
    4. libs - 前端工具
    5. store - vue store
    6. template - 界面模板
    7. theme - 全局演示
    8. views - 界面 vue 文件
  4. lib - 公共类库
  5. pubilc - 静态资源
  6. routes - 服务路由
  7. view - 视图
  8. script - 脚本

数据库部署说明

  1. 新建数据库db(以config.json内配置的数据库为准);
  2. 执行npm run initdb,并根据提示填写数据库连接信息(仅第一次);
  3. 若需要重置某个表,如:重置account表,则执行npm run initdb -- account

调试说明

  1. 执行npm install;
  2. 前端执行npm run dev,后端使用 Visual Studio Code 运行调试(直接按下F5即可)。

部署说明

服务器需安装nodejsnpm。部署执行如下脚本:

npm install

编译前端代码:

npm run build

启动服务:

npm start

以守护进程方式,启动服务:

forever start ./bin/www

端口号

  • 6789 (可在config.json配置)