vue项目 json-server 模拟后端 json API 数据，本地数据模拟

最新推荐文章于 2024-08-21 08:31:25 发布

weixin_49493329

最新推荐文章于 2024-08-21 08:31:25 发布

阅读量366

点赞数

本文链接：https://blog.csdn.net/weixin_49493329/article/details/115582788

版权

本文介绍了如何在2021年4月10日使用json-server在Vue项目中模拟后端数据，包括安装json-server、配置package.json、创建db.json、启动服务、封装axios请求以及在组件中使用数据。特别提示注意在cmd中执行命令，并且指出了在Vue3中使用createWebHashHistory导致URL中出现#的问题。

摘要由CSDN通过智能技术生成

2021年4月10日

利用json-server 模拟后端请求json数据
API （自定义json后端数据）

注意： 记得把代码中的注释也要看
看注释！！！看注释！！！看注释！！！加粗样式

第一步: 安装json-server

npm install json-server -g                     // g 全局安装  -D  当前项目安装
// 基于axios 封装，请安装 axios
npm install axios -D

第二步：配置 package.json

"scripts": {
    //serve 指：项目的终端运行vue项目npm run server 
    "serve": "vue-cli-service serve", 
    "build": "vue-cli-service build",
    // 自定义json脚本，路径和第三步对应  在cmd进入到项目，然后执行npm run json
    "json": "npx json-server --watch ./static/db.json"
  },