Vue系列3 - 如何在vue中读取本地Json文件 | 8月更文挑战

这是我参与 8 月更文挑战的第 10 天，活动详情查看： 8月更文挑战

 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的文件信息和数据
})

更多精彩将定期更新，欢迎持续关注！