使用 Apache 获取 Nuxt 错误处理 function

Question

正如瑞典谚语所说，尝试学习 Nuxt，一些酒和一些水。

当我构建应用程序时，我在错误处理方面遇到了一些问题（在开发中没有问题）。 看起来它不能与 Apache 及其 .htaccess 文件一起使用。 这是我的.htaccess：

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
</IfModule>

基本错误处理 function（站点根目录中的 error.vue），例如如果我 go 到http://nuxtshop.localhost/xyz/zyz ，它会触发。 但它的错误 createError function 没有正确触发，它只是重定向到主页，然后我得到一个空白页面（实际上是 default.vue 布局，没有填充插槽）。 例如，我有一个带有此代码的产品页面，如果产品不存在（url，即参数不存在），我会尝试处理吗？

脚本：

 <script setup>
 const { id } = useRoute().params;
 const runtimeConfig = useRuntimeConfig()
 const uri =`${runtimeConfig.public.apiUrl}/api/content/item/Products/${id}`
 const { data: product } = await useFetch(uri, {
 method: "GET",
 key: id,
 })
 if (!product.value) {
 throw createError({ statusCode: 404, statusMessage: "Procuct not found 
 (shop id)" })
 }
 </script>

编辑：猜猜这是这个主题的 sam 问题： https://github.com/nuxt/nuxt/issues/15432

Answer 1

我自己弄明白了。 删除了 .htaccess 文件中的最后一行。 还必须在 createError（如果不是空白页）上执行fatal:true 。 .htaccess 中的更改删除了文档最后（页脚之后）的有趣填充关闭错误消息。 作为记录，这是没有 app.vue（而是 Nuxt 默认值）和 Nuxt 3 的配置。

它还与 function showError 一起运行（似乎更快）。

所以最终.htaccess：

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
</IfModule>
ErrorDocument 404 /404.html

和错误处理替代方案：

 throw createError({statusCode: 404, statusMessage: "Page 
 not found.", fatal:true})

矿石：

 showError({statusCode: 404, statusMessage: "Page not 
 found."})

我不是 Apache 方面的专家，但 .htaccess function 与 Nuxt 现在处于构建模式，但如果其他人有评论，请随时发表！