【问题标题】:NUXT SSR using imagesNUXT SSR 使用图像
【发布时间】:2020-06-02 23:16:48
【问题描述】:

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

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

【问题讨论】:

    标签: server-side-rendering nuxtjs


    【解决方案1】:

    这可能会有所帮助

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

    【讨论】:

    • 这也不行。看来我必须在 SSR 模式下将静态图像添加到服务器文件夹中。有没有其他方法可以做到这一点?将整个资产文件夹移动到服务器文件夹是没有意义的
    【解决方案2】:

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

    &lt;img src="../assets/img/picture.png"&gt;

    或使用@ 表示父文件夹。

    &lt;img src="@/assets/img/picture.png"&gt;

    【讨论】:

    • 它说使用 Nuxt.render 找不到路径
    猜你喜欢
    • 2020-02-19
    • 1970-01-01
    • 2021-05-22
    • 2018-07-28
    • 2020-10-19
    • 2020-09-19
    • 2021-08-16
    • 2021-02-10
    • 2019-05-26
    相关资源
    最近更新 更多