使用图像的NUXT SSR

时间:2020-06-02 23:16:48

标签: server-side-rendering nuxtjs

我有一个在Nuxt中构建的SSR应用程序。我正在使用renderRoute渲染Vue文件,因为我需要将数据发送到客户端。一切正常,但静态图像未加载到我的应用程序中。我正在使用以下代码在vue文件中插入图像。

<img src="~assets/img/picture.png">

2 个答案:

答案 0 :(得分:0)

这可能会帮助

<img :src="require('@/assets/img/picture.png')">

答案 1 :(得分:0)

使用点获取相对的父文件夹路径。

<img src="../assets/img/picture.png">

或使用@表示父文件夹。

<img src="@/assets/img/picture.png">