麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁(yè) > 編程 > JavaScript > 正文

Vue2.5通過(guò)json文件讀取數(shù)據(jù)的方法

2019-11-19 14:17:25
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

1.準(zhǔn)備工作

1.1 webpack.dev.conf.js

const portfinder = require(‘portfinder') 的下面加上以下代碼

const express = require('express')const app = express()var appData = require('../data.json')//加載本地?cái)?shù)據(jù)文件的路徑var leftMenu = appData.leftMenu //獲取對(duì)應(yīng)的本地?cái)?shù)據(jù)var 數(shù)據(jù)名稱 = appData.選擇項(xiàng)var apiRoutes = express.Router()app.use('/api', apiRoutes)

找到devServer,在里面加入一下代碼

before(app) { app.get('/api/leftmenu', (req, res) => {  res.json({   errno: 0,   data: leftMenu  })//接口返回json數(shù)據(jù),上面配置的數(shù)據(jù)seller就賦值給data請(qǐng)求后調(diào)用 }), app.get('/api/數(shù)據(jù)', (req, res) => {  res.json({   errno: 0,   data: 數(shù)據(jù)(與上面數(shù)據(jù)名稱對(duì)應(yīng))  }) })}

2.在使用的組件里

created(){  this.$http.get('api/leftmenu').then((response) => {   console.log(response)   this.leftMenu = response.body.data  //數(shù)據(jù)位置  })} data(){  return{    leftMenu:[];    }}

總結(jié)

以上所述是小編給大家介紹的Vue2.5通過(guò)json文件讀取數(shù)據(jù)的方法,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持!

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 欧美日韩大片在线观看 | 国产精品久久久久久影视 | 天堂成人国产精品一区 | 精品国产一二区 | 黄色片视频观看 | 天天色图片 | 日韩精品中文字幕一区二区三区 | 欧美成人激情 | 成人男男视频拍拍拍在线观看 | 黑人三级毛片 | 超碰97人| 国产精品视频免费在线观看 | 新久草在线视频 | 成人国产精品久久久 | av免费在线播放 | 色诱亚洲精品久久久久久 | 国产精品一区久久久久 | 久久不射电影网 | 国产精品欧美久久久久一区二区 | 91伊人久久| 免费久久精品 | 末成年女av片一区二区 | 99久久婷婷国产综合精品青牛牛 | 国产精品视频一区二区三区四 | 国产精品久久久久久久久久久久久久久久 | 黑人日比 | 久久久久久久久国产 | 最新亚洲国产 | 欧美a在线观看 | 久久精品免费国产 | 精品久久久久久久久中文字幕 | 一级毛片真人免费播放视频 | 欧美精品成人一区二区在线观看 | 免费看一级视频 | 久久老司机精品视频 | 天天草天天操 | 三人弄娇妻高潮3p视频 | 日日做夜夜操 | 亚洲影院在线 | 欧美日韩一区,二区,三区,久久精品 | 91精品国产网站 |