分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

vue2.0配置webpack.dev.conf.js加载本地json数据

发布时间:2023-09-06 01:55责任编辑:苏小强关键词:jsjson配置webpack

打开webpack.dev.conf.js

在const portfinder = require(‘portfinder‘)后加入以下配置

1 const express = require(‘express‘)2 const app = express() // 请求server3 var appData = require(‘../data.json‘) //加载本地数据4 var seller = appData.seller //获取对应的数据5 var goods = appData.goods6 var ratings = appData.ratings7 var apiRoutes = express.Router()8 app.use(‘/api‘, apiRoutes) //通过路由请求数据

在devServer: { }中加入以下配置

 1 ????before(app) { 2 ??????app.get(‘/api/seller‘, (req, res) => { 3 ????????res.json({ 4 ??????????errno: 0, 5 ??????????data: seller // 接口返回json数据 6 ????????}) 7 ??????}), 8 ??????app.get(‘/api/goods‘, (req, res) => { 9 ????????res.json({10 ??????????errno: 0,11 ??????????data: goods // 接口返回json数据12 ????????})13 ??????}),14 ??????app.get(‘/api/ratings‘, (req, res) => {15 ????????res.json({16 ??????????errno: 0,17 ??????????data: ratings // 接口返回json数据18 ????????})19 ??????})20 ????}21 ??}

vue2.0配置webpack.dev.conf.js加载本地json数据

原文地址:https://www.cnblogs.com/i-Leo/p/9063608.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved