问题标签 [nuxtjs]

所以我有这个中间件文件

中间件/authenticated.js

为什么在 SSR 中访问时我的状态始终为空，如果呼叫来自客户端，我可以访问商店？

我正在使用 nuxtjs，我的data.json根目录中有一个文件，我想在这个 JSON 文件中添加图像链接，但它不知道它
在这里我的代码：

目录结构图片

我正在使用 nuxtjs、vuex 和 vuex-persist 插件。我已将中间件添加到所有页面。它工作正常，但每当我刷新页面时，auth.js 中间件会不断重定向到登录页面，即使用户已通过身份验证（真）。

Auth.js 中间件

Store.js

参考文档，我添加layouts/error.vue了页面处理错误。在开发中测试这个（npm run dev），一切都按预期工作。但是当我这样做时npm run build，npm start当我测试在生产中抛出异常时，不会呈现错误页面。

我正在使用SSR，但我在文档中没有看到任何建议不适layouts/error.vue用于SSR或通用网站的内容。报告了一个类似的问题。该人为他们的用例做了一个工作。但是问题（主要错误处理程序被忽略，异常最终记录到控制台而不是呈现错误页面）没有得到解决。

throw new Error()在开发中，如果我在单击按钮时抛出测试错误，则会显示错误页面。但是在生产中，错误只是转到控制台并且不会呈现错误页面。在不更改许多其他代码的情况下，我可以让它在生产中工作的唯一方法是设置debug: true.nuxt.config.js

另请注意，error.vue对于 404 页面，它在生产中也能完美运行。throw new Error但是，如果我从一个组件进行生产构建，它就不会像在开发中那样工作。

您可以通过使用npm create nuxt-app <app name>. 以下是我选择的设置：

将以下内容添加到layouts/error.vue：

然后添加<button @click="throwE">Click to throw error</button>并components/Logo.vue添加以下脚本到页面：

单击开发中的按钮，它按预期工作。单击生产中的按钮并且error.vue不呈现。

文档错了吗？这是一个错误吗？为什么error.vue在开发过程中可以按预期工作，但在抛出错误时却不能在生产构建中工作？

我有数据numbers: []

数组包含

当我尝试时，数组中有 3 个对象console.log(numbers.length)

结果3，但我想要2，因为第二个对象是空的

这是我尝试的代码

谢谢你

我有一个使用 laravel 护照作为身份验证手段的移动应用程序（这里没问题）。在移动应用程序中，我添加了一个按钮，理论上将我重定向到我的网络应用程序（与移动设备相同的身份验证端点）并自动登录。如何使用 nuxtjs（已使用 nuxt 身份验证）实现这一点？找不到仅使用 nuxt auth 中的令牌登录或破解它的方法。

如果您有任何建议或建议，请随时添加。

我想象这样的事情，但没有运气。

这是我想在 nuxtjs 中自动登录的示例 url

我已经使用中间件技术构建了带有内置 rest API 请求的 nuxtjs 示例。在我的中间件部分的 index.js 中，我放了一些代码：

当我调用 http://ip:port/test15/?cmd=somecmd¶m=testparam

在 console.log 中，我在 log 中获取 params 数据，一切都很好。无论使用哪种方法，post 或 get，它也固定在 log 中。

问题是当我尝试在请求正文或表单数据中发送原始数据（例如 json）时。我在任何日志输出中都看不到它们。所以问题是，是否可以通过中间件在此类请求中发送一些数据？

谢谢！

我正在尝试创建一个 nuxtJS 模块以根据 URL 或请求对路由进行一些更改，我只是想访问request.header.hostnuxtJS 模块的内部但我无法得到它，我试图检查它process.server，但是无法获取请求对象，我只想获取完整的域，那我该怎么做呢？thiscontext

我已经为滚动位置创建了一个文件 app/router.scrollBehavior.js，但是当我按下浏览器后退按钮时，savedPosition 不会调用，因为 fetch api 尚未完成。任何人都可以帮助我。如何知道我的 savePosition 触发后 api 何时完成，否则每次滚动都位于底部位置。有什么方法可以获取存储，在相同的函数中提交获取钩子。 export default function (to, from, savedPosition) { if (savedPosition) { return savedPosition } else { return { x: 0, y: 0 } } }

我是 Nuxt 的新手，我遇到了一个我不明白的问题。

如果我编写如下代码：

在第二次 axios 调用中正确设置了 resp1.id => 我们在执行第二次调用之前等待第一次调用完成。

但是，当我在我的 vuex 商店中定义异步操作时：

然后在我的 vue 组件中，我触发以下操作：

resp1.id 在 action2 中未定义。

我还尝试以“旧方式”管理承诺：

结果还是一样 => id = undefined in action2

你们能告诉我我哪里错了吗？

提前致谢。

最后说明：这 2 个动作在不同的商店中