文章讲述了如何利用node.js的JSONServer模块创建一个简单的本地服务器，模拟API接口。首先需要安装node.js和全局安装JSONServer。接着，在Vue项目中，通过npm安装Axios用于HTTP请求。创建data.json文件存放数据，然后使用命令行启动JSONServer，监听指定端口。最后，使用Axios发送GET请求到服务器，获取并打印数据。
JSON Server
前提首先要安装node.js
然后要用命令行工具执行
npm i -g json-server
创建vue 的项目在项目内执行
安装Axios
npm i axios
在当前项目下新建一个data项目包
在编辑工具中data下新建一个data.json文件
{
"csList": [
{
"name": "xiaozhang",
"age": 6,
"id": 1,
"pic":"https://image.baidu.com/search/albumsdetail?tn=albumsdetail&word=%E5%9F%8E%E5%B8%82%E5%BB%BA%E7%AD%91%E6%91%84%E5%BD%B1%E4%B8%93%E9%A2%98&fr=searchindex_album%20&album_tab=%E5%BB%BA%E7%AD%91&album_id=7&rn=30"
},
{
"name": "xiaowang",
"age": 7,
"id": 2
},
{
"name": "xiaoliu",
"age": 8,
"id": 3
}
]
}
在这个data.json中右键打开命令行工具执行
json-server --watch data.json -p 3006
成功会显示一个地址里面就是json存的数据
正常调用axios.get(地址).then（res=>{
打印res就可以看到这个数据了
）
扫一扫
1898
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
