json-server如何配置静态资源服务器

当我们想要我们的项目让用户体验更好，它会让我们的页面以最快的速度获取到我们想要加载的静态资源；防止白屏；我们可以在json-server里面创建一个属于自己的静态资源服务器；而这个服务器主要用来配置我们的图片，音频，视频资源等等；

json-server下载地址：

npm官网

json-server下载命令

---

我们可以先创建一个配置文件，一般命名为json_server_config.json(不是固定不变的）

{
"port":8888,//(看个人，我是命名为8888)
"watch":true,//(是否开起文件监听)
"static":"./public",//(看你想把哪个文件设置为静态资源的入口)
"read-only":false,//（是否只读）
"no-cors":false,//（是否禁止跨域）
"no-gzip":false//（是否进行压缩）
}

当我们设置好了静态资源的入口之后，我们以后在对html,或css，还是js进行访问的时候，只想要（协议名+域名+端口+public下面的路径）

比如：（还未设置）"http://127.0.0.1:8888/public/diyige.js"

(设置之后) "http://127.0.0.1:8888/diyige.js"

启动方式：

第一种：我们可以在json-server文件夹里面启动终端，输入命令：

"json-server --c json_server_config.json + 你的json-server数据文件"

比方我的命名行：

json-server --c json_server_config.json bug.json

第二种：我们直接在package.json文件里面设置

{ 
"scripts":{
"json（名字可随机）"："json-server --c json_server_config.json json-server数据文件"
}
}

终端：npm run json

---

这样一个静态资源服务器就制造出来啦😃