如何深入 link 到 GitHub 页面上的 Vue.js 项目？
How can I deep link into a Vue.js project on GitHub Pages?
我在 GitHub 中有一个练习库（参见 https://jdomleo.github.io/vue-deploy-practise）。
导航到顶部导航列表中的"About"：
您将在 URL 中看到，它已按预期添加 /about。但是，如果我给人们 URL https://jdomleo.github.io/vue-deploy-practise/about，他们会从 GitHub 页面收到 404 错误。
我的问题是，如何配置我的 Vue.js 项目以允许深度 linking？
请参阅 link 到 GitHub 存储库 https://github.com/JDomleo/vue-deploy-practise。
您必须将自定义 404.html 页面添加到您的 github 页面，使用 javascript 重新路由请求。
第一个问题是您启用了 HTML5 历史记录模式，这需要设置服务器来处理，我认为 github 页面不允许这样做。
修复后，您有几个选择。
这是一个关于 404 页面如何使用本地存储重新路由应用程序的示例。 https://medium.com/swlh/how-to-host-your-angular-reactjs-vuejs-spa-on-github-pages-2d9ab102ac7b
另一种很简单，就是把url改成片段而不是路径，类似于这个库https://github.com/rafrex/spa-github-pages中使用的方法。这个图书馆甚至可能只为你工作。
我在 GitHub 中有一个练习库（参见 https://jdomleo.github.io/vue-deploy-practise）。
导航到顶部导航列表中的"About"：
您将在 URL 中看到，它已按预期添加 /about。但是，如果我给人们 URL https://jdomleo.github.io/vue-deploy-practise/about，他们会从 GitHub 页面收到 404 错误。
我的问题是，如何配置我的 Vue.js 项目以允许深度 linking？
请参阅 link 到 GitHub 存储库 https://github.com/JDomleo/vue-deploy-practise。
您必须将自定义 404.html 页面添加到您的 github 页面，使用 javascript 重新路由请求。
第一个问题是您启用了 HTML5 历史记录模式，这需要设置服务器来处理，我认为 github 页面不允许这样做。
修复后，您有几个选择。
这是一个关于 404 页面如何使用本地存储重新路由应用程序的示例。 https://medium.com/swlh/how-to-host-your-angular-reactjs-vuejs-spa-on-github-pages-2d9ab102ac7b
另一种很简单，就是把url改成片段而不是路径，类似于这个库https://github.com/rafrex/spa-github-pages中使用的方法。这个图书馆甚至可能只为你工作。