首页 / VUE / vue.js 如何加载本地json文件

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了vue.js 如何加载本地json文件，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含678字，纯文字阅读大概需要1分钟。

内容图文

在项目开发的过程中，因为无法和后台的数据做交互，所以我们可以自建一个假数据文件(如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数据结构如下：

 

技术分享图片

 

原文：https://www.cnblogs.com/guoliping/p/11088571.html

内容总结

以上是互联网集市为您收集整理的vue.js 如何加载本地json文件全部内容，希望文章能够帮你解决vue.js 如何加载本地json文件所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1266129.html

来源：【匿名】