问题标签 [nuxtjs]

如何在 Nuxt JS PWA 中使用 WebPushr 发送推送通知。我已按照他们的在线文档https://docs.webpushr.com/manual-integration上的指南进行操作，但我似乎无法使其在 Nuxt JS 中工作。

我是否创建了一个插件以使其与提供的服务人员一起工作，或者我错过了什么？

是否可以根据 URL 参数设置 fetchOnServer？例如，如果 URL 有 ?renderonserver=true，则使用 fetchOnServer: true。

更新：

让我进一步解释一下：

我有两个 URL，例如 /myview?renderonserver=true、/myview?renderonserver=false、

代码如下：

当我单击测试 btn 时，它不起作用。也没有显示文本值。我该如何解决？

我使用 create-nuxt-app 构建 nuxt 项目。我的节点版本是 v10.15.0

我正在用 NuxtJS 练习 ExpressJS。我期待从axiosPOST 请求中获取数据，但在req.bodyand上总是空着req.params。以下是我的配置和片段

nuxt.config.js

api/index.js

api/routes/static-deploy.js

节点 CLI 命令

我的 nuxt 站点中有一个以通用模式运行的图片库（部署为静态页面），并且想向其中添加blueimp 库（一个灯箱）。

有几种方法可以放置 Javascript ( ./static,./plugins或./assets)。我更喜欢使用 assets 文件夹，因为我放在那里的所有内容都由 webpack 处理（压缩，用于长期客户端缓存的唯一 ID）。

由于 blueimp 在渲染页面期间并不重要，但仅在交互期间（单击图像打开灯箱），javascript 应该在结束之前加载</body>

另一件事是，我只需要在专用页面上使用 blueimp，因此如果可能的话，不应在其他页面上提供 blueimp-gallery.min.js 和它的 css。

JS

我通过将静态文件夹中的脚本包含在 head 中并添加到其中（不使用 head ;)），让它在yarn dev模式下运行（支持 SSR ）。body: true在生产中（作为静态页面），它不起作用。该参数ssr: false似乎没有效果。在模板中添加<client-side>图像组件也无济于事。

问题 1：如果您能帮我将其重写为客户端函数，我会很高兴（也许使用另一个钩子，如 created() 或 mount() ？）

CSS

我可以使用下面的代码从静态文件夹加载一个 css 文件。不幸的是，这增加了一个额外的请求。

使用 @import 加载它甚至会从 assets 文件夹中获取它并将其嵌入到页面中，这很好，但它被嵌入到所有页面中。

在这里找到了另一种方式，这可能是最好的：从 NUXT 布局中的“资产”目录加载 css 文件

问题 2： 也许您有一个改进的解决方案将 CSS 嵌入到单个页面中？

我是初学者，所以如果您有解决方案，请添加一些带有一点上下文的示例。

我在 nuxtjs 上的脚本标记中编码此代码，但它出错。

无法读取 javascript 中未定义的属性“toLowerCase”时出错。但我会尝试

它不会出错。我很困惑。如何解决这个问题呢。

我在观看克隆输入时遇到问题
如何查看每个客户端的每个输入内部的任何变化

可以在这里使用“深度”吗？

ClientsForm.vue

然后使用nuxtjs/auth和nuxtjs/axiosnuxt 忽略我的代理配置。

过去我只使用 axios 进行身份验证。

现在我正在尝试使用 @nuxtjs/auth 模块。因为我使用单独的后端和 CORS，所以我需要使用 axios 代理进行身份验证。

但是身份验证策略local不使用代理，我不明白为什么。它总是尝试使用 nuxt URL。好像 auth 完全忽略了我的代理。任何人都可以帮忙吗？

我的 Nuxt 在 http://localhost:3000 上运行

我的客户端总是尝试连接到 http://localhost:3000/api/auth/login

但我需要 http://localhost:4000/auth/login

我使用最新的所有模块

我想在 nuxt.js 中使用 Bootstrap，不使用 CDN 怎么办？我想在 nuxt.config.js 中使用引导文件，但我不能，我也想使用 jquery 文件和 popper.js 我试图将这些文件包含在 head 数组上，nuxt.config.js但它不起作用，并且我也尝试包含bootstrap.min.css在 CSS 数组中，幸运的是它起作用了，但是引导程序的 js 属性，如 Dropdown、Collapses 和类似的东西不起作用，我知道这些属性不起作用的原因，这是因为 Jquery 和 popper js 没有'不包括，但真的我怎么能包括他们？请帮我

我是 JS 新手，我正在使用 axios 从我的本地 API (Laravel) 获取一些数据

每当我使用 F5 或 CTRL+R 刷新页面时，css 会在内容出现之前加载。这使得页面在加载数据时看起来很丑。

我能做些什么来防止这种情况发生？即使我添加了自定义加载器，页面也会显示一秒钟，然后加载器会出现并一直存在直到加载。但为什么？以及如何让它看起来更好？

编辑：我知道我需要一个装载机，但显然我执行错了。如前所述，已经有一个加载器，但它只在刷新后 1 秒出现，在加载器出现之前，总是显示空的 css/html 没有加载任何内容。