Vue加载json文件的方法简单示例_vue怎么引入json,vue3读取json文件 - CSDN文库

36 浏览量更新于2023-05-03 评论收藏 72KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

Vue加载加载json文件的方法简单示例文件的方法简单示例

本文实例讲述了Vue加载json文件的方法。分享给大家供大家参考，具体如下：

一、在build/dev-server.js文件里 var app = express() 这句代码后面添加如下(旧版)：

var appData = require('../address.json'); // 引入address.json文件

var apiRoutes = express.Router();

apiRoutes.get('/address',function (req,res) {

res.json({

errno:0,

data:appData

});

});

app.use('/api',apiRoutes); // 访问地址为： /api/address

新版代码如下：

在build/webpack.dev.conf.js文件里添加如下代码：

const express = require('express')

const app = express()

var appData = require('../address.json')

var apiRoutes = express.Router()

app.use('/api', apiRoutes)

// 在devServer对象里添加如下代码：

before(app) {

app.get('/api/address', (req, res) => {

res.json({

errno: 0,

data: appData

})

})

}

二、然后重新 npm run dev 一下

三、这时候在浏览器输入 http://localhost:8080/api/address 便可看到json文件的数据了。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论0

weixin_38743054

粉丝: 8
资源: 943

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈