Question

我创建了一个 p子(:https://ed.im/noty/#/) 因此,我可以在全球加以利用。

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

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

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

}

This plugin shows a noty only on the client-side. On the server-side a noty does not appear, cause it can be displayed only in browser. I have a page with product details and I am receiving data in asyncData method. When the product was not found I would like to show a noty with proper message and redirect user to a product list page. When I change a route in client-side everything works awesome. However on the first page load (eg. I change an url manually in the browser) which happens on the server-side a noty does not appear, only a redirect works. My question is: how to show a noty in this case? How to create a noty in the browser after SSR or what is the best other solution to my problem?

在客户方面(在服务器投放后)已经到位后,是否有办法操作某些代码?

Answer 1

Okay,我找到了一个这方面的模块:https://github.com/potato4d/nuxt-client-init-module。

Answer 2

你们只能为这一陷阱开脱。

plugins: [
   ...,
   { src:  ~plugins/yourplugin.js , ssr: false }
]

Answer 3

it s not possible right know (nuxt <= 2.14.0 when i answering) but you can combine client plugin and client middleware to achieve that please take a look at this link:

https://github.com/nuxt/nuxt.js/issues/2653#issuecomment-390588837

Answer 4

注:

<script setup>
console.log( run in server-side. );
onMounted(() => {
    console.log( run in client-side. );
});
</script>

友情链接