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"
}
}