介绍 {
,“code": 200年,
,“data":,
,{
“id"才能:,0,
“nickname"才能:,“美国队长“,
“avatar"才能:,“url"
},
,{
“id"才能:,1,
“nickname"才能:,“惊奇队长“,
“avatar"才能:,“url"
,}
,)
} //, mock 代码
const express =,要求(& # 39;表达# 39;)
const app =,表达()
const posts =,要求(& # 39;. ./嘲笑/posts.json& # 39;),//,文章列表数据源
const users =,要求(& # 39;. ./嘲笑/users.json& # 39;),//,用户列表数据源
const routes =, express.Router ()
app.use (& # 39;/api # 39;,,路线)//,如果是帖子请求,那么将会改为后即可
devServer: {
,……
之前,(app) {
,app.get (& # 39;/api/文章# 39;,,(要求,res),=祝辞,{
res.json才能(职位)
,})
,app.get (& # 39;/api/用户# 39;,,(要求,res),=祝辞,{
res.json才能(用户)
,})
,}
} 创建(),{
这。http.get美元(“http://localhost: 8080/api/posts"),然后(res =祝辞,{
,console.log (res.data)
,})
}
这篇文章给大家介绍模拟数据如何在vue-cli项目中使用,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
<强>步骤
1,在根目录新建一个模拟文件夹用于存在所有用于数据测试的。json文件
{
,“code": 200年,
,“data":,
,{
“id"才能:,0,
“title"才能:,“复联3大陆定档5月11日,全球最晚! !“
},
,{
“id"才能:,1,
“title"才能:,“蚁人2最新预告发布,首次展现量子领域! !“
,}
,)
}
用户。json
2,在构建目录下找到webpack.dev.conf.js文件,编写以下代码
测试,浏览器输入http://localhost: 8080/api/帖子
import axios 得到& # 39;axios& # 39;
Vue.prototype http 美元;=,axios
模拟请求代码(用户同理)
关于模拟数据如何在vue-cli项目中使用就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。
