vue组件中,原来是import本地json文件的,如何改成向localhost请求读取json文件

vue组件中,原来是import本地json文件的,如何改成向localhost请求读取json文件,第1张

// config/indexjs

moduleexports = {

  // 

  build: {

    assetsPublicPath: '/',

    assetsSubDirectory: 'static'

  }

}

当做资源文件使用,怎么使用就随你了

这样试试呢?不过还是建议老老实实看文档。newVue({el:'#post_from2',ready:function(){varself=this;this$>

axiosget('/static/testjson')then(res => {

// 使用ajax请求数据获取到users(数组),所以thisusers是数组

thisusers= resdatauser

})

}

如果你想获取每个user的start可以使用for循环,当然在vue模板渲染里使用的是v-for例如:

<li v-for="user in users">satrt:<span>{{userstart}}</span></li>

如果只是想在js里面单独获取某个user的start可以直接在数组中取一下,例如

// 获取第一个用户的start

var start1 = thisusers[0]start

// 获取第二个用户的address

var address2 = thisusers[1]address

这样试试 不过还是建议老老实实看文档。

new Vue({

el: '#post_from2',

ready: function () {

var self = this;

this$>

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。

JSON 是 JS 对象的字符串表示法,它使用文本表示一个 JS 对象的信息,本质是一个字符串。

以上就是关于vue组件中,原来是import本地json文件的,如何改成向localhost请求读取json文件全部的内容,包括:vue组件中,原来是import本地json文件的,如何改成向localhost请求读取json文件、vue.js 获取了json数据 怎么导出来、vue工程里怎么使用axios接收一个json的数组,并使用该数组的某个元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9580872.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存