json-server创建静态服务器2

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

这次再来个v2.0

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

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

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

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

你会发现现在是这样的:

已经启动了!!!

点击链接正常访问

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

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

相关推荐
theMuseCatcher1 天前
Vue3导航菜单(Menu)
typescript·vue3·less
theMuseCatcher2 天前
Vue3评论(Comment)
typescript·vue3
RuoyiOffice3 天前
Vue3+Gantt:把任务排期、依赖关系和里程碑放进项目管理
项目管理·vue3·springboot·dhtmlx-gantt·wbs·gantt·ruoyi office
2601_967979124 天前
2024年前端开发趋势与最佳实践
框架·前端开发·工具·最佳实践·趋势
AI开源软件5 天前
SpringBoot3+Vue3 财务管理系统如何设计:从业务单据到总账的模块划分
spring boot·vue3·领域建模·会计凭证·ruoyi office·业财协同·财务系统设计
2601_967987378 天前
完整教程:Next.js项目演示(从零创建Next.js项目)Next.js入门实战
react·教程·前端开发·next.js·项目创建
Nymph_Zhu9 天前
vue3+element-plus 文件上传
前端·typescript·vue3·element-plus
Nymph_Zhu9 天前
pdf转换markdown预览及内容互相点击定位
前端·pdf·vue3·markdown·element-plus
AI源码12 天前
巨峰影视影院
vue3
RuoyiOffice12 天前
UniApp企业办公:把审批、客户和项目装进手机,能做些什么?
spring boot·vue3·uniapp·crm·flowable·移动办公·企业应用