国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(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ù)名稱(chēng) = 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ù)名稱(chēng)對(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)論
用戶(hù)名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 新沂市| 汽车| 隆德县| 武乡县| 太仓市| 奈曼旗| 手机| 突泉县| 镇赉县| 鄯善县| 法库县| 莒南县| 夹江县| 乐亭县| 五台县| 南昌市| 八宿县| 亳州市| 应城市| 新乡市| 肥西县| 乌恰县| 图木舒克市| 新丰县| 鹿邑县| 比如县| 塘沽区| 东方市| 隆林| 社旗县| 堆龙德庆县| 建宁县| 江油市| 任丘市| 敖汉旗| 平舆县| 昌吉市| 肃南| 昆山市| 五大连池市| 太仆寺旗|