vue.js 如何加载本地json文件

╰+攻爆jí腚メ 2021-12-17 08:45 244阅读 0赞

在项目开发的过程中，因为无法和后台的数据做交互，所以我们可以自建一个假数据文件(如data.json)到项目文件夹中，这样我们就可以模仿后台的数据进行开发。但是，如何在一个vue.js 项目中引入本地的json文件

**vue.js代码如下：**

var app = express() //从这后面开始加
     
    var appData = require('../data.json');
     
    var seller = appData.seller;
     
    var goods = appData.goods;
     
    var ratings = appData.ratings;
     
    var apiRoutes = express.Router();
     
    apiRoutes.get('/seller',function (req,res) {
     
     res.json({
     
      errno:0,
     
      data:seller
     
     });
     
    }); 
    
    apiRoutes.get('/goods',function (req,res) {
     
     res.json({
     
      errno:0,
     
      data:goods
     
     });
     
    });
     
    apiRoutes.get('/ratings',function (req,res) {
     
     res.json({
     
      errno:0,
     
      datta:ratings
     
     });
     
    });
     
    app.use('/api',apiRoutes);

**我们JSON数据结构如下：**

![1194565-20190626104446680-1036928801.png][]

转载于:https://www.cnblogs.com/guoliping/p/11088571.html

[1194565-20190626104446680-1036928801.png]: /images/20211217/2843986e772d4810ba8d943756e9b4df.png

发表评论取消回复

表情：

评论列表（有 0 条评论，244人围观）

还没有评论，来说两句吧...

相关阅读

相关 springboot动态加载json文件

![0dabad97a1064d5c9ba5a72c4dd035f2.png][] resources下面的配置文件，application文件修改启动会实时加载新的内容

￡神魔★判官ぃ/ 2024年03月16日 19:14/ 0 赞/ 67 阅读

相关 Vue加载读取本地txt/json等文件

首先，本地的txt/json文件的位置一定要放在public文件夹下：不然读取不到 ![0b5f541e495a411aa879f62f9d1054ed.png][] 在

Bertha 。/ 2023年10月04日 20:13/ 0 赞/ 38 阅读

相关 python 加载json文件

读取json文件，并输出key是什么 import json path_example = r'/anaconda3/demo/work_new/bbn

╰半夏微凉°/ 2023年07月11日 15:01/ 0 赞/ 16 阅读

相关 spring boot 加载配置文件 properties / json

demo.properties 配置文件 main |_ java |_ resources |_ property

阳光穿透心脏的1/2处/ 2022年12月18日 14:00/ 0 赞/ 315 阅读

相关 Jquery加载本地json失败

用jquery加载本地服务器php生成的json,无法成功获取，用chrome查看发现报错信息为： Origin null is not allowed by Access-

超、凢脫俗/ 2022年08月26日 01:00/ 0 赞/ 208 阅读

相关 mysql 加载本地数据文件

表格和数据文件 CREATE TABLE pet (name VARCHAR(20), owner VARCHAR(20),species VARCHAR(20)

喜欢ヅ旅行/ 2022年06月07日 00:48/ 0 赞/ 243 阅读

相关 ios 加载本地html及资源文件

把本地html目录添加到xcode ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG

客官°小女子只卖身不卖艺/ 2022年03月09日 02:52/ 0 赞/ 736 阅读

相关网站无法加载json文件

[为什么80%的码农都做不了架构师？>>> ][80_] ![hot3.png][] 错误日志如下 2019/02/22 12:14:11 [error] 24

分手后的思念是犯贱/ 2022年01月15日 07:49/ 0 赞/ 230 阅读

相关 JVM如何加载.class文件

jvm主要由Class Loader、Runtime Data Area、Execution Engine以及Native Interface这四个部分组成。它主要通过Clas

冷不防/ 2021年12月21日 23:11/ 0 赞/ 297 阅读

相关 vue.js 如何加载本地json文件

在项目开发的过程中，因为无法和后台的数据做交互，所以我们可以自建一个假数据文件(如data.json)到项目文件夹中，这样我们就可以模仿后台的数据进行开发。但是，如何在一个vu

╰+攻爆jí腚メ/ 2021年12月17日 08:45/ 0 赞/ 245 阅读