Nuxt - 服务器端渲染后如何在客户端运行代码？

Question

我创建了一个注入 noty 的插件（https://ned.im/noty/#/），这样我就可以在全球范围内使用它，它看起来像这样：

export default ({ app }, inject) => {

    const notify = function (options = {}) {
        if (process.client) {
            new Noty(options).show();
        }
    }

    app.$notify = notify;
    inject('notify', notify);

}

该插件仅在客户端显示通知。在服务器端不会出现通知，因为它只能在浏览器中显示。我有一个包含产品详细信息的页面，并且我正在 asyncData 方法中接收数据。当找不到产品时，我想显示带有正确消息的通知，并将用户重定向到产品列表页面。当我在客户端更改路线时，一切都很棒。然而，在服务器端发生的第一个页面加载（例如，我在浏览器中手动更改网址）不会出现通知，只有重定向有效。我的问题是：在这种情况下如何显示通知？如何在 SSR 之后在浏览器中创建通知，或者解决我的问题的最佳其他解决方案是什么？

有没有办法在客户端渲染后（服务器端渲染之后）运行一些代码？

Answer 1

好的，我找到了一个模块： https: //github.com/potato4d/nuxt-client-init-module