前后端(node)合并多条指令,并start启动(vue3)

210 阅读1分钟

1.安装

npm i -D json-server multer concurrently

  • concurrently前后端连载
  • multer上传图片
  • json-server 模拟数据

2.启动json-server

json-server --watch data/db.json --port=3003

3.启动node

node data/index.js

4.配置

  • "api":"node data/index",//启动node
  • "start":"concurrently "npm run api" "npm run dev" "//合并两个指令
{
  "name": "vue3-vite-blog",
  "private": true,
  "version": "0.0.0",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview",
    "api":"node data/index",
    "start":"concurrently \"npm run api\" \"npm run dev\" "
  },
  "dependencies": {
    "axios": "^0.26.1",
    "vue": "^3.2.25",
    "vue-router": "^4.0.14"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^2.3.0",
    "concurrently": "^7.1.0",
    "json-server": "^0.17.0",
    "multer": "^1.4.4",
    "vite": "^2.9.0"
  }
}