我的Nuxt应用程序具有以下结构:
/nuxtapp
/nuxtapp/src/
/nuxtapp/src/config
/nuxtapp/src/static
/nuxtapp/src/organizations
/nuxtapp/src/organizations/org1/config
/nuxtapp/src/organizations/org1/static
您通常在Nuxt中看到的其他常用目录也存在。
我想尝试的是这种想法,即在我的应用程序中指定要使用“ org1”的位置,在这种情况下,以下代码将自动获取我在其中使用的org.json
org1
文件夹而不是默认文件夹:
<script>
import orgConfig from '~/config/org.json'
export default {
data() {
return {
orgConfig: orgConfig
}
}
}
</script>
如果要像这样引用图像,我希望在模板中完成相同的操作:
<img src="/icon.png" alt="Icon" width="100" height="100">
在这种情况下,它将自动搜索以查看org1/static
文件夹中是否包含icon.png
,否则,它将使用默认值。