前言
自己写的前端项目是vue做前端页面,node做后端接口,但是每次启动都要分开打两次启动命令,感觉很不智能,于是决定用一个命令让项目同时启动vue和node
说干就干。。。
技术准备
需要安装一个node模块 nodemon,这个模块可以对node进行配置和控制,网上有很多这个模块的介绍的,我这里就不多介绍了。
npm install -g nodemon
目录结构
正常vue项目目录下,在src下新建一个node_backend文件,里面都是node相关的,在这个目录下有新建了server目录,这里放服务端接口文件,这里我们在启动server下的index.js文件
配置命令
在package.json 文件中配置配置启动命令。 原来vue的启动命令是 “serve”,这个不动。增加命令名字“dev”,内容是 "concurrently \"nodemon ./src/node_backend/server/index.js\" \"npm run start\"" 。 可以看到 ./src/node_backend/server/index.js是我当前package.json文件到这个index.js 的相对路径
启动项目
npm run dev
输入启动命令会陆续启动vue和node。 大功完成!
走你,启动你的项目吧
标签:node,index,vue,启动,解决方案,server,js
From: https://www.cnblogs.com/caominjie/p/16741984.html