主页 / 问题 / 860274
Accepted
Daniyal Lukmanov
Asked:2020-07-26 01:32:14 +0000 UTC2020-07-26 01:32:14 +0000 UTC

使用 vue-router 时，直接导航到 Vue.js 中的 URL 不会呈现子组件

  • 772

我的路由器的结构如下（为了清晰起见）：

在此处输入图像描述

当我点击相应的菜单按钮（下图中左侧的导航栏）时，组件之间的转换正常工作，并且地址栏中显示了正确的路径：

在此处输入图像描述

但是，如果您尝试在地址栏中直接访问此 URL（例如愚蠢地选择并按 Enter），则会出现 404 错误：

在此处输入图像描述

这正是路由器中子组件的情况。为什么会发生这种情况以及如何治愈？转到默认页面是不合适的。有必要转到指定的地址并呈现该 URL 应有的内容。

javascript

2 个回答

  1. Best Answer

    如果使用 node.js/Express（如我的情况），那么您需要编写以下行

    app.get('/*', (req, res) => res.sendFile('index.html', { root: __dirname }));
    • 0

  2. 也许您需要HTML5 历史模式？

    默认情况下vue-router，它以散列模式工作 - 它使用 URL 的散列来模拟完整的 URL，从而避免在 URL 更改时重新加载页面。

    • -1

相关问题