问题标签 [nuxtjs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
vue.js - 是否可以使用 nuxt js 生成正确的缩进代码
当我使用 nuxtjs 生成项目时，代码被压缩。
我想知道是否可以生成正确的缩进代码？
谢谢
vue.js - 无法从服务器获取数据到 NuxtJS 存储
这是我的代码：
服务器运行良好，但我无法将数据放入商店
api - 是否可以使用 nuxtjs 检测 api 更新？
是否可以每次更新我的 api 时，使用 npm run generate 生成一个静态站点？
我会解释我的想法。
我有一个链接到 Strapi（无头 cms）的 API，我在使用 Nuxt 完成的应用程序中从这个 api 获取数据。每次 API 更新新数据或其他内容时，我都想生成带有“npm run generate”的静态站点。
我应该用脚本来做这个吗？或者它是 NuxtJS 中包含的一个函数？
谢谢你的帮助
javascript - 防止/删除第一页加载中的闪烁
我一直在使用 NuxtJS 开发一个生成的静态网站，用户可以在其中选择是使用暗模式还是只使用默认的 CSS 媒体查询选择器。代码如下：
我注意到对于第一页加载，网页会闪烁/闪烁，如屏幕录制中所示。请注意，这是在缓存关闭的情况下。
进一步的调查表明，这仅发生在用户第一次访问该站点时，因为后续访问/刷新似乎不会触发此行为。我怀疑这可能与加载字体和随后的回流有关，正如瀑布所暗示的 那样。请注意，display=swap此处未使用且不需要。此外，从 Chrome 的这个分析器数据来看，似乎在闪烁周围，浏览器决定重新计算样式并布局页面中的所有节点（相关时间从 4.26 秒到 4.32 秒）。
我要问的是我如何添加可选类引起的不可见文本的闪烁/闪烁？如果类绑定不是问题，原因是什么？我能做些什么吗？
编辑：进一步检查，这种行为似乎只发生在 Chrome 中，并且可能与我拥有的自托管字体有关。Firefox 和 Safari 没有这种重绘行为。
vue.js - 如何从 NuxtJS 中的资产文件夹加载动态图像
我有两个问题：
- 如果我在 src 中使用变量：
我将在网络上获得此链接，而不是确切地说：
类似于第一个问题。我想在 head() 方法中使用动态 css 文件：
导出默认 { head () { const style = this.$cookie.get('app_style') return { link: [ { rel: 'stylesheet', href:
~/assets/${style}.css} ] } } }
vue.js - 如何从中间件或插件设置 nuxtjs 标题和元？
如何从 nuxt-middleware/nuxt-plugin 设置 NuxtJS 标题 % 元标记？
目前我正在从 nuxt.config.js 设置它，如下所示。
请注意，我知道我可以在页面组件中进行类似设置。我不想在每个页面中设置标题功能，而是我想要一个可以使用路由器实例动态设置标题的公共位置。在路由器中间件或插件中。
vue.js - 无法访问组件观察器 nuxtjs 中的“this”
我有一个带有名为“volume”的状态属性的组件，它绑定到一个滑块元素。我有一个绑定到卷属性的观察者，这样当卷更新时，应该触发一个函数
运行此代码时，控制台显示错误“无法读取未定义的“testMethod”的属性
我尝试了其他方法，例如访问 $store （这是我最初的问题），但也未能解决。
vue.js - Facebook/Twitter 上的 Nuxt.js 预览不起作用：404 错误
我有一个使用 Nuxt.js 实现的网站，并希望在 Facebook、Twitter 和 WhatsApp 上分享这些页面。我必须使用元标记 opengraph，所以我已经包含了它们。当我尝试将页面共享到社交网络时，我看不到元标记的内容。我也看不到图片，标题和描述。
在我的情况下，元标记 opengraph 非常适合并填充在页面中。我已经在几个资源中阅读了如何做到这一点，所以这不是问题。它们位于<head>标签中。
但问题是当您使用 Facebook 调试器工具查看页面预览时，或使用https://metatags.io/工具时。当我编写页面的 url 时，404会为这些工具返回 a。对于浏览器中的相同 url，您可以正确查看页面的内容。如果您检查页面，您可以看到元标记。我认为问题在于 Twitter 或 Facebook 正在GET调用我的 url，但在我的理解中，这个调用的结果是一个 Nuxt.js 预渲染页面，用于在浏览器中执行。在浏览器中，JS 源代码在页面加载时执行，因此它可以注入所有元标记和许多其他内容。我认为这就是 Nuxt.js SSR 的工作方式。水化过程？
所以我的观点是如何在完成后发送完整的 HTML GET，或者在 Facebook 或 Twitter 中显示我的预览页面的解决方法。
顺便说一句，我已经在 Netlify 中部署了我的网站，我不知道这是否重要。我的 nuxtjs 应用程序正在通用模式下工作。
有解决爬虫和机器人问题的想法吗？任何预渲染选项？
vue.js - Nuxt Authentication API 调用策略
我正在构建的当前应用程序中有一些不熟悉的 API 调用。它需要几个参数来设置以下 api。目前基于窗口中的子域，它获取 url 参数来创建第一个 API 调用。之后，我使用 Vuex store 来存储组织数据的相关信息。
我目前正在尝试设置授权，不幸的是，由于它在里面，nuxt.config.js我无法从 vuex 存储中动态添加数据。这是我设置的策略的示例。我目前正在使用本地默认策略，但不想使 url 请求动态：
nuxt.config.js
我手动设置的当前登录名，在我的索引页面加载时没有我称之为的 url。这是第一次使用所需数据构建状态的 api 调用，之后我需要为后续的 api 调用调用。
为了使我的 auth api 请求正常工作，尤其是策略fetchUser()中的调用，user我需要从我的商店获取 companyId getter/state。我不知道如何在这里做到这一点？
有谁知道我如何才能最好地实现它？
任何帮助将不胜感激！
提前致谢！