直接 url 在 vuejs 中不起作用，但路由器推送有效

Question

当我使用this.$router.push() 加载组件localhost:8080/scan 时，url 与组件一起加载但是当我执行npm run build 然后http-server dist/ 时，url localhost:8080/scan 不起作用，给出 404。 知道为什么它在开发中起作用而不是在构建之后起作用。 我确实在网上查了一下，发现这是一个 nginx 问题，但我尝试按照这个文档添加try_files $uri $uri/ /index.html;：https://router.vuejs.org/en/essentials/history-mode.html，但似乎没有任何效果。非常感谢任何帮助。

Answer 1

请将您的完整代码发布到问题或 github 存储库。否则很难猜出你的问题是什么。

如果我不得不猜测 - 你的 http-server 找不到 scan.html 因为它不存在。您有几个选择：

• 使用hash mode，它不需要/scan url，而是依赖/index.html#scan。
• 使用带有已定义路由的 node-js 服务器，这些路由将转到您的 html 页面。或者只是将它们全部发送到同一页面。这是一个例子https://github.com/ubershmekel/redditp/blob/1e9a659bcc34fa2f2dc28deb552b6702a1173cc1/app.js#L12
• 使用 Nuxt 或执行类似 Nuxt 的操作 - 构建所有 html 文件，以便您仍然可以使用像 http-server 这样的静态服务器。参见https://nuxtjs.org/guide#static-generated-pre-rendering- 例如，您可以手动将index.html 复制到scan.html。