##### node和vue的前后端连载

最近在做前后端连载,然后记录下如何同时启动前后端,以如下方式
client为vue项目

1 cnpm install concurrently

2 vue中的pacakge.json

"name": "client",

 "version": "0.1.0",

 "private": true,

 "scripts": {

  "serve": "vue-cli-service serve",

  "build": "vue-cli-service build"

 },

"name": "client",

 "version": "0.1.0",

 "private": true,

 "scripts": {

  "serve": "vue-cli-service serve",

  "build": "vue-cli-service build",

  "start": "npm run serve"
  //改为npm start 启动

 }

node中的package.json

"name": "app",

 "version": "1.0.0",

 "description": "restful api",

 "main": "server.js",

 "scripts": {

  "start": "node server.js",

  "server": "nodemon server.js"

 }

"name": "app",

 "version": "1.0.0",

 "description": "restful api",

 "main": "server.js",

 "scripts": {

  "client-install": "npm install --prefix client",
  //确保client已经安装了需要的模块

  "client": "npm start --prefix client",
  client npm start 改为npm run client 

  "start": "node server.js",

  "server": "nodemon server.js",

  "dev": "concurrently \"npm run server\" \"npm run client\""
  同时启动

 }

测试后能够同时启动

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值