一、在webpack-dev-conf.js文件中:
1、在const portfinder = require(‘portfinder')后添加如下内容
rush:js;">
const express = require('express')
const app = express() //请求server
var appData = require('../mock/goods.json') //加载本地数据文件
var apiRoutes = express.Router()
app.use(apiRoutes) //通过路由请求数据
{
res.json(appData)
})
}
},
二、在goods.json文件:
rush:js;">
{
"status": "0","msg": "","result": [
{
"productId": "100001","productName": "小米6","productPrice": "2499","productImg": "1.jpg"
},{
"productId": "100002","productName": "音箱","productPrice": "999","productImg": "2.jpg"
},{
"productId": "100003","productName": "电脑","productPrice": "199","productImg": "3.jpg"
}
]
}
三、在GoodsList.vue文件中:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。