以哈希模式重定向到 404 页面

【问题标题】：Redirect to 404 Page in hash mode以哈希模式重定向到 404 页面
【发布时间】：2019-08-28 06:04:25
【问题描述】：

我在 vue-router 中使用哈希模式。

我试图将用户重定向到我在输入错误 URL 时设计的 404 页面。当用户在“#”后输入错误时，它可以正常工作，用户被重定向到 404 页面。当我们从 URL 中删除哈希然后输入错误时，就会出现问题，用户没有被重定向到 404 页面。

这是我的 router.js 文件的一部分：

const router = new Router({
    routes: [
        {
            path: '*',
            name: '404_error',
            component: error_404,
            meta:{
                requiresAuth:true
            }
        },
    ]
});

【问题讨论】：

标签： apache vue.js vue-router

【解决方案1】：

URL 中# 之后的任何内容都可以 100% 被 Vue 处理，因为相同的页面是从 Web 服务器获取的。相反，如果您更改 URL 的路径，则 Web 服务器将尝试在其他位置获取网页。这种情况需要服务器来处理。

虽然您没有使用 HTML5 历史记录模式，但对于您的情况，仍然需要将服务器配置为在任何路径上为您的网页提供服务。

我建议您阅读文档中的HTML5 History Mode 部分。

我不熟悉 Apache，但也许这样的东西会有所帮助：

RewriteRule ^/(.+)$ #$1 [NE,R,L]

【讨论】：