nuxt 访问本地json数据

最近使用Nuxt开发一个官网，暂时没有后端同学介入，但是又有一些重复的数据，因此自己写了个json文件。引用的时候便遇到了问题。

直接引用

//如果不怕麻烦，确实可以通过  ../   ../.../  ，但是想想就好，毕竟太喽了些
import teamJson from '../assets/json/team.json'

配置别名

通过配置nuxt.config.js，不清楚的请移步这里

build: {
    /*
    ** You can extend webpack config here
    */
    extend(config, ctx) {
      // Run ESLint on save
      if (ctx.isDev && ctx.isClient) {
        config.module.rules.push()
      }
      config.resolve.alias['$json'] = path.resolve(__dirname, 'static/json')
      config.resolve.alias['$imgs'] = path.resolve(__dirname, 'static/img')
    }
 },

使用

import teamJson from '$json/team.json'
export default {
  data (){
    return {
      teamJson
    }
  }
}