json

2023-03-12 23:04| 来源: 网络整理| 查看: 265

当我们想要我们的项目让用户体验更好，它会让我们的页面以最快的速度获取到我们想要加载的静态资源；防止白屏；我们可以在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

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

【本文地址】

公司简介

联系我们