新版的vue如何读取本地json文件数据的解决办法

最新推荐文章于 2024-09-25 09:07:28 发布

瑆箫

最新推荐文章于 2024-09-25 09:07:28 发布

阅读量1.5w

点赞数 2

本文链接：https://blog.csdn.net/mo3408/article/details/86611926

版权

web 同时被 2 个专栏收录

207 篇文章 8 订阅 ¥129.90 ¥299.90

订阅专栏

超级会员免费看

vue

33 篇文章 0 订阅

订阅专栏

在Vue的最新版中，由于缺少dev-server.js和dev-client.js，需要通过修改webpack.dev.conf.js来模拟后台数据。通过在该文件中添加代码并运行npm run dev重启项目，然后可以在浏览器地址栏直接访问JSON数据。

摘要由CSDN通过智能技术生成

现在升级后的vue没有dev-server.js和dev-client.js,可以通过以下方式模拟后台数据：

源码：https://download.csdn.net/download/mo3408/10934531

1.找到webpack.dev.conf.js这个文件，在const portfinder = require('portfinder')后面添加以下代码：

const express = require('express')
const app = express()//请求server
var appData = require('../data.json')//加载本地数据文件
var seller = appData.seller//获取对应的本地数据
var goods = appData.goods
var ratings = appData.ratings
var apiRoutes = express.Router()
app.use('/api', apiRoutes)//通过路由请求数据