json-server创建静态服务器2

上次写的 nodejs创建静态服务器

这次再来个v2.0

利用json-server很方便就可以实现。

vscode打开文件夹,文件夹所在终端:

json-server**.cmd** --watch db.json

这里视频教程是没有上述命令标红的,但是会报错,具体不详,可能版本或者系统问题;

你会发现现在是这样的:

已经启动了!!!

点击链接正常访问

这不是最重要的,最重要的是你可以调接口进行数据操作,如果你拿到了json数据,那么前端开发就可以进行了!!

如图,根据接口进行查询、新增、和删除

相关推荐
零凌林15 小时前
使用exceljs将excel文件转化为html预览最佳实践(完整源码)
前端·html·excel·vue3·最佳实践·文件预览·exceljs
岁岁岁平安2 天前
Vue3学习(组合式API——reactive()和ref()函数详解)
前端·javascript·vue.js·学习·vue3·reactive·ref
三天不学习2 天前
Vue3 本地环境 Vite 与生产环境 Nginx 反向代理配置方法汇总【反向代理篇】
运维·nginx·vue3·vite·反向代理
森哥的歌3 天前
SVG 知识详解:从入门到精通
svg·数据可视化·前端开发·矢量图形·web图形
森哥的歌3 天前
CSS3实现磨砂玻璃效果:从原理到实战应用
css3·前端开发·ui设计·磨砂玻璃效果·web设计
小张快跑。5 天前
【Vue3】使用vite创建Vue3工程、Vue3基本语法讲解
前端·前端框架·vue3·vite
森哥的歌6 天前
CSS Layer 详解
css·css3·web开发·前端开发·样式表
破烂公司一级特派员7 天前
前端开发实战:用React Hooks优化你的组件性能
性能优化·实战·react·前端开发·hooks
halo14169 天前
vue中scss使用js的变量
javascript·vue3·scss
緑水長流*z9 天前
(14)Element Plus项目综合案例
vue.js·elementui·vue3·element plus·elementplus项目·完整项目案例·项目学习笔记