如何在vue中读取本地Json文件
版权声明:本文为博主原创文章,未经博主允许不得转载。https://blog.csdn.net/bitree1/article/details/843955271.修改webpack.base.conf.js文件在resolv...
·
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/bitree1/article/details/84395527
1.修改webpack.base.conf.js 文件
在resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'/src': resolve('src'),
'/libs': path.resolve(__dirname, '../src/libs'),
'/static': resolve('static'),
}
},
中添加'/static': resolve('static'),如上所示
修改后使用/static即可点位到static目录下
使用方法如下
$.ajax('/static/properties.json').then(res => { console.log("json数据为:" + res.body)//此处的res对象包含了json的文件信息和数据 })
将不定期更新资源,欢迎持续关注
想获得更多的学习知识请关注微信公众号:西北码农或扫下方二维码
更多推荐
已为社区贡献2条内容
所有评论(0)