vue配置请求本地json数据的方法
本篇文章主要介绍了vue配置请求本地json数据的方法,分享给大家,具体如下:
在build文件夹下找到webpack.dev.conf.js文件,在constportfinder=require('portfinder')后添加
constexpress=require('express') constapp=express() constappData=require('../data.json')//加载本地json文件 constseller=appData.seller//获取对应本地数据 constgoods=appData.goods constratings=appData.ratings constapiRoutes=express.Router() app.use('/api',apiRoutes)
然后找到devServer,插入以下代码:
//然后找到devSeerver,在里面添加 before(app){ app.get('/api/seller',(reg,res)=>{ res.json({ errno:0, data:seller })//接口返回json数据,上面配置的数据seller就复制给data请求后调用 }), app.get('/api/goods',(reg,res)=>{ res.json({ errno:0, data:goods })//接口返回json数据,上面配置的数据goods就复制给data请求后调用 }), app.get('/api/ratings',(reg,res)=>{ res.json({ errno:0, data:ratings })//接口返回json数据,上面配置的数据ratings就复制给data请求后调用 }) }
请求访问
最后重新启动项目即可访问npmrundev
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。