问题标签 [nuxtjs3]

我在Vue3中有以下 main.ts 文件：

如何将 vue3-openlayers 插件添加到nuxt3？

我的重写不适用于 netlify/production，但在本地运行它们时我没有问题netlify dev。

netlify.toml看起来像这样：

该npm run build命令只是调用nuxi build.

现在在本地主机上我可以打电话/api/something，它可以正常工作。部署到 netlify 时，相同的调用失败。当我使用/.netlify/functions/something.

现在奇怪的是：当我publish = "dist"从netlify.toml文件中删除时，我可以调用/api/something生产，但是 nuxt 代码不起作用，就像所有页面一样。

我首先设置了功能，我的桌面客户端已经在使用它，当我刚刚使用时它会中断，/.netlify/functions/something因为它们已经在使用/api/something.

有人有类似的构建可以帮助我吗？

我想在Nuxtjs中自定义我的路线为

查询中的问题

我正在尝试在 Nuxt 3 应用程序中使用 NuxtLink 使用路由，它正在更改路由，但它没有显示任何内容。但是，如果我刷新或重新加载之前空白的更新路线，那么它会正常显示它的内容。

/pages/index.vue

/pages/user.vue

文件夹结构和插图：

我正在尝试在 Nuxt 3 项目中添加自定义布局，但该布局不起作用，并且控制台显示此消息：

选择了无效的布局 test_layout

没有其他错误。

这是我尝试过的代码：

我试过<Nuxt/>代替<slot />，但它不起作用。

我仍然对我在这里做错了什么感到有些困惑。本质上，我有一个 vue 组件，我想在安装元素后异步加载一些数据。

我正在使用 NUXT 3 和组合 API。

似乎 onMounted 在渲染之前触发并且没有正确接收数据。如果我将挂载到 setTimeout 并给出 100 毫秒的延迟，它可以正常工作。

我会很感激一个例子，说明我应该如何在客户端准备好后不阻塞地加载数据。或者对我在这里做错的任何解释。

我试图找出为应用程序全局导入 lodash 的正确方法，而不是在每个设置标签内。

我试图将 lodash 设置为插件

以上似乎不起作用。

如果我们创建 Nuxt 3 应用程序npx nuxi init nuxt3-app并更改app.vuefrom

至

我们会得到

我没想到内置的 Pug 支持，但也没有提示如何提供。

AFAIK 默认 Nuxt 3 设置使用 Vite 而不是 Webpack。也许答案是在 Vite 设置中覆盖？

我试图了解在 POST 方法中访问文件数据的预期方式。

在 ExpressJS 中，通常可以通过req以下方式访问数据：req.files

但是req.files在 Nuxt3 服务器端点中未定义。我是否需要使用服务器中间件将文件包含到请求中？或者还有其他方法可以实现吗？

编辑1：

我能够使用打印我们的身体const body = await useBody(req);

但是，现在我正在努力弄清楚如何正确解析它。

如果出现故障，我想返回状态 500 或 204。但是，如果我在端点内部执行以下操作：

我在 Nuxt 3 后端控制台中收到以下错误：

错误 [代理]
在 WriteWrap.onWriteComplete [as oncomplete] 处写入 EPIPE (internal/stream_base_commons.js:94:16)

知道为什么会这样吗？

https://codesandbox.io/live/191a44154e4?file=/server/api/test.ts 在这里它似乎工作得很好。

我在 MacOS 上使用 Node v14.17.6 任何人都能够复制此错误吗？它似乎与我当地的环境有关。

编辑1：

看起来状态实际上正在按预期返回，只是错误仍然存​​在。似乎不会影响应用程序的其余部分。

用不同的节点版本 v16 和 v17 测试，错误仍然存​​在。

编辑2：

问题神秘地消失了。