json-server创建静态服务器2

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

这次再来个v2.0

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

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

json-server.cmd --watch db.json

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

你会发现现在是这样的:

json-server创建静态服务器2_第1张图片

已经启动了!!!

点击链接正常访问

 json-server创建静态服务器2_第2张图片

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

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

json-server创建静态服务器2_第3张图片

 

你可能感兴趣的:(vue3,json-server,前端开发,接口json数据)