vue请求本地自己编写的json文件的方法

1.第一步，这是目录结构

2.以下是需要在build/webpack.dev.conf.js文件中配置的内容

代码：

//vue配置请求本地json数据const express=require(' express ')const app=express()const app data=require('./static/major _ info . json ')//加载本地JSON文件const major list=appdata . contents；//获取本地对应数据const API routes=express . router()app . use('/API '，API routes)

代码：

before(app){ app . get('/API/majorlist '，(req，RES)={res.json ({erron:0，data : major list })//接口返回json数据，将上面配置的数据major list赋给数据请求后调用}) }3。接下来，是vue文件

代码：

created(){ let _ this=this；这个。$http.get('/api/majorlist ')。然后(function(response)){//console . log(response . data . data)；让数据=response . data . data；for(设I=0；一.数据.长度；i ){if(this.majorIndex==data[i]。type){ this . DataList=data[I]；}}}).catch(函数(错误){ console . log(' error:' error ')；});}4.这是我的json文件数据格式

摘要

以上就是vue向大家介绍的请求本地编写json文件的方法，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你的！