小编Jak*_*iuk的帖子

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

我创建了一个注入 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);

}
Run Code Online (Sandbox Code Playgroud)

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

有没有办法在客户端渲染后(服务器端渲染之后)运行一些代码?

noty vue.js server-side-rendering nuxt.js

5
推荐指数
1
解决办法
6375
查看次数

Nuxt.js - Vue.js SSR - 性能问题 - 页面速度结果不佳 - 大 JavaScript 脚本

我正在努力解决一个问题。我使用Nuxt.js [2.2.0] ( https://nuxtjs.org/ ) 创建了一个应用程序。一切都很完美,但页面速度显示我的页面结果非常糟糕。

在此输入图像描述

在此输入图像描述

该问题似乎与许多页面和组件有关。我为了测试目的把它们删除了,只留下一页,然后页面速度显示大约90%。另外,这个问题只出现在移动设备上,在桌面设备上我在这个测试中得分为99%。您是否也在为这样的问题而苦恼呢?有机会对此做点什么吗?

javascript performance pagespeed vue.js nuxt.js

5
推荐指数
0
解决办法
2056
查看次数