直接网址不在vuejs中工作，但路由器推送工作

Question

当我使用localhost:8080/scan加载组件this.$router.push()时，url会加载组件但是当我执行npm run build然后http-server dist/时，网址localhost:8080/scan不会不行，给404。 知道为什么它在dev中工作而不是在构建之后。 我确实在网上查了一下，发现这是一个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，而是依赖/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。