【发布时间】:2020-06-02 23:16:48
【问题描述】:
我有一个内置于 Nuxt 的 SSR 应用程序。我正在使用 renderRoute 来渲染 Vue 文件,因为我需要将数据发送到客户端。一切正常,但静态图像没有加载到我的应用程序中。我正在使用以下代码在我的 vue 文件中插入图像。
<img src="~assets/img/picture.png">
【问题讨论】:
标签: server-side-rendering nuxtjs
我有一个内置于 Nuxt 的 SSR 应用程序。我正在使用 renderRoute 来渲染 Vue 文件,因为我需要将数据发送到客户端。一切正常,但静态图像没有加载到我的应用程序中。我正在使用以下代码在我的 vue 文件中插入图像。
<img src="~assets/img/picture.png">
【问题讨论】:
标签: server-side-rendering nuxtjs
这可能会有所帮助
<img :src="require('@/assets/img/picture.png')">
【讨论】:
使用点获取相对父文件夹路径。
<img src="../assets/img/picture.png">
或使用@ 表示父文件夹。
<img src="@/assets/img/picture.png">
【讨论】: