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

首頁 > 編程 > JavaScript > 正文

vue配置請求本地json數(shù)據(jù)的方法

2019-11-19 14:01:52
字體:
供稿:網(wǎng)友

本篇文章主要介紹了vue配置請求本地json數(shù)據(jù)的方法,分享給大家,具體如下:

在build文件夾下找到webpack.dev.conf.js文件,在const portfinder = require('portfinder')后添加

const express = require('express')const app = express()const appData = require('../data.json') // 加載本地json文件const seller = appData.seller // 獲取對應(yīng)本地數(shù)據(jù)const goods = appData.goodsconst ratings = appData.ratingsconst apiRoutes = express.Router()app.use('/api',apiRoutes)

然后找到devServer,插入以下代碼:

 //然后找到devSeerver,在里面添加  before (app) {   app.get('/api/seller',(reg,res) => {    res.json({     errno: 0,     data: seller    }) // 接口返回json數(shù)據(jù),上面配置的數(shù)據(jù)seller就復(fù)制給data請求后調(diào)用   }),   app.get('/api/goods',(reg,res) => {    res.json({     errno: 0,     data: goods    }) // 接口返回json數(shù)據(jù),上面配置的數(shù)據(jù)goods就復(fù)制給data請求后調(diào)用   }),   app.get('/api/ratings',(reg,res) => {    res.json({     errno: 0,     data: ratings    }) // 接口返回json數(shù)據(jù),上面配置的數(shù)據(jù)ratings就復(fù)制給data請求后調(diào)用   })  }

請求訪問

<script>import header from './components/header/header.vue'const ERR_OK = 0export default { data () {  return {   seller: {}  } }, created () {  this.$http.get('/api/seller').then((response) => {   response = response.body; // 獲取到數(shù)據(jù)   if (response.errno === ERR_OK) {    this.seller = response.data;    console.log(this.seller);   }  }) }, components: {  'v-header': header }}</script>

最后重新啟動項目即可訪問npm run dev

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持武林網(wǎng)。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 武邑县| 武威市| 临沂市| 德保县| 石渠县| 英超| 梁山县| 涞水县| 永德县| 沽源县| 进贤县| 贺兰县| 永春县| 那坡县| 蒲江县| 上林县| 黄龙县| 紫阳县| 上虞市| 宁化县| 凌海市| 涿鹿县| 奉贤区| 合作市| 岐山县| 马尔康县| 常宁市| 体育| 朝阳市| 颍上县| 孟州市| 贵港市| 定南县| 通江县| 隆昌县| 惠东县| 泾川县| 图木舒克市| 驻马店市| 正蓝旗| 泌阳县|