当前位置: 首页 > news >正文

windows10 配置使用json server作为图片服务器

步骤1:在vs code中安装json server,

npm i -g json-server

注意:需要安装对应版本的json server,不然可能会报错,比如:

 npm i -g json-server 0.16.3

步骤2:出现如下报错:

'json-server' 不是内部或外部命令,也不是可运行的程序或批处理文件。

这种“XXX不是内部或外部命令,也不是可运行的程序 或批处理文件。”,基本上就是没有配置环境变量。使用如下命令查看node js的prefix目录

npm config ls

找到prefix选项,并将该路径添加到笔记本环境变量的Path变量中即可:

添加路径到Path变量如下:

步骤3:使用json-server

在vscode中创建文件夹,比如db文件夹以及子文件夹uploads,往里面添加图片数据和json文件数据,如下所示:

{"list": [{"id": 1,"name": "衣服1","img": "http://localhost:3000/1.png","price": 18,"count": 6},{"id": 2,"name": "衣服2","img": "http://localhost:3000/2.png","price": 29,"count": 4},{"id": 3,"name": "衣服3","img": "http://localhost:3000/3.png","price": 98,"count": 1},{"id": 4,"name": "衣服3","img": "http://localhost:3000/4.png","price": 9,"count": 6}]
}

json-server -s ./uploads cart.json

简单解释如下:-s表示指定图片路径为当前子文件夹的uploads文件夹,这个网上解释比较少

步骤4:最终效果图:

怎么样,炫不炫?

http://www.lryc.cn/news/529105.html

相关文章:

  • Linux——网络(tcp)
  • 腾讯云开发提供免费GPU服务
  • 详解python的修饰符
  • 《攻克语言密码:教AI理解隐喻与象征》
  • 如何解除TikTok地区限制:实用方法解析
  • 神经网络|(七)概率论基础知识-贝叶斯公式
  • 《DeepSeek 网页/API 性能异常(DeepSeek Web/API Degraded Performance):网络安全日志》
  • 使用Edu邮箱申请一年免费的.me域名
  • 【MCU】DFU、IAP、OTA
  • 2025.1.21——六、BUU XSS COURSE 1 XSS漏洞|XSS平台搭建
  • 跟李沐学AI:视频生成类论文精读(Movie Gen、HunyuanVideo)
  • 7.抽象工厂(Abstract Factory)
  • python-leetcode-路径总和
  • WGCLOUD使用介绍 - 如何监控ActiveMQ和RabbitMQ
  • 智能汽车网络安全威胁报告
  • WPS怎么使用latex公式?
  • Cyber Security 101-Build Your Cyber Security Career-Security Principles(安全原则)
  • Formality:时序变换(二)(不可读寄存器移除)
  • MathType下载与安装详细教程
  • docker中运行的MySQL怎么修改密码
  • 内外网文件摆渡企业常见应用场景和对应方案
  • 【Block总结】PKI 模块,无膨胀多尺度卷积,增强特征提取的能力|即插即用
  • 自制一个入门STM32 四足机器人具体开发顺序
  • 物联网智能项目之——智能家居项目的实现!
  • [免费]微信小程序智能商城系统(uniapp+Springboot后端+vue管理端)【论文+源码+SQL脚本】
  • C28.【C++ Cont】顺序表的实现
  • 【电工基础】低压电器元件,低压断路器(空开QF),接触器(KM)
  • 从 UTC 日期时间字符串获取 Unix 时间戳:C 和 C++ 中的挑战与解决方案
  • [前端开发]记录国内快速cdn库,用于在线引入JavaScript第三方库
  • 留学生scratch计算机haskell函数ocaml编程ruby语言prolog作业VB