vue3-数据模拟json -server

1、首先安装json-server插件

找到网站https://www.npmjs.com/

输入json server就能看到json-server

点击json-server

这个命令是安装全局 的json-server插件：

npm install -g json-server

 

这个是安装局部的，只针对本项目：

npm i json-server

 咱们安装全局的就行，打开命令窗口进行安装即可。

2、创建一个db.json文件，我们在根目录下创建一个data文件夹，下边创建一个db.json文件

{
    "posts":[
        {
            "title":"title1",
            "body":"body1",
            "id":1,
            "tags":[
                "vue23",
                "api",
                "blog"
            ]
        },
         {
            "title":"title2",
            "body":"body12",
            "id":1,
            "tags":[
                "vue23222222",
                "api222",
                "blog222"
            ]
        },
         {
            "title":"title3",
            "body":"body3",
            "id":1,
            "tags":[
                "vue233333333",
                "api333333",
                "blog33333"
            ]
        },
         {
            "title":"title4",
            "body":"body4",
            "id":1,
            "tags":[
                "vue2344444",
                "api444",
                "blog4444"
            ]
        }
    ]
}

 3、监听我们的json文件

 指定json文件所在的路径

json-server --watch data/db.json

执行监听的时候可能报错如下：

通过下面的方式进行解决：

1、在输入框搜索powershell并以管理员打开

2、输入Get-ExecutionPolicy -List 查看当前所有作用域 ，可以看到CurrentUser没有权限

3、输入Set-ExecutionPolicy RemoteSigned -Scope CurrentUser， 再输入A，完成后再次输入Get-ExecutionPolicy -List查看权限，可以看到CurrentUser已经有权限了，此时再去VSCode输入监听文件的命令就正常了

 

 

 如果提示端口冲突，可以指定端口，如下:

json-server --watch db.json --port=3003