最近使用Nuxt开发一个官网,暂时没有后端同学介入,但是又有一些重复的数据,因此自己写了个json文件。引用的时候便遇到了问题。
直接引用
//如果不怕麻烦,确实可以通过 ../ ../.../ ,但是想想就好,毕竟太喽了些
import teamJson from '../assets/json/team.json'
配置别名
通过配置nuxt.config.js>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
}
}
}