vue请求本地⾃⼰编写的json⽂件的⽅法1.第⼀步，这是⽬录结构
2.接下来是build/f.js⽂件需要配置的内容
代码：
//vue配置请求本地json数据
const express = require('express')
const app = express()
const appData = require('../static/major_info.json')//加载本地json⽂件
const majorlist = ts;//获取本地对应数据
const apiRoutes = express.Router()
app.use('/api',apiRoutes)
代码：
before (app) {
  ('/api/majorlist',(req, res) => {
    res.json({
      erron:0,
      data: majorlist
    })//接⼝返回json数据，上⾯配置的数据majorlist就赋值给data请求后调⽤  })
}
3.接下来就是vue⽂件的请求写法：
代码：
created(){
  let _this = this;
  this.$("/api/majorlist").then(function(response){    // console.log(response.data.data);
    let data = response.data.data;
    for(let i = 0; i < data.length; i++){
      if(this.majorIndex == data[i].type){
        this.dataList = data[i];
      }
    }
  })
  .catch(function(error){
    console.log("出错喽："+error);
  });
}
vue json字符串转数组
4.这是我的json⽂件数据格式
总结
以上所述是⼩编给⼤家介绍的vue请求本地⾃⼰编写的json⽂件的⽅法，希望对⼤家有所帮助，如果⼤家有任何疑问欢迎给我留⾔，⼩编会及时回复⼤家的！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。