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

╰+攻爆jí腚メ 2021-12-17 08:45 219阅读 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 条评论，219人围观）

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

相关阅读

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

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

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

相关 Jquery加载本地json失败

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

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

相关 fresco加载本地图片

在java代码中： imageView.setImageURI(UriUtil.parseUriOrNull("file://" + filePath));

﹏ヽ暗。殇╰゛Y/ 2022年06月10日 11:50/ 0 赞/ 247 阅读

相关 mysql 加载本地数据文件

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

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

相关 Android加载本地网页

1.Android项目如何创建assets文件夹直接上图 ![Center][] 点击finish即可 ![Center 1][] 然后在该文件夹下面

深碍√TFBOYSˉ_/ 2022年06月05日 11:40/ 0 赞/ 432 阅读

相关 maven加载本地报

maven加载本地包使用本地的包 <dependency> <groupId>com.google</groupId>

痛定思痛。/ 2022年05月12日 09:14/ 0 赞/ 227 阅读

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

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

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

相关网站无法加载json文件

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

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

相关 JVM如何加载.class文件

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

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

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

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

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