{"id":20225,"date":"2020-02-24T10:31:18","date_gmt":"2020-02-24T09:31:18","guid":{"rendered":"https:\/\/pi3g.com\/?p=20225"},"modified":"2020-02-24T10:31:18","modified_gmt":"2020-02-24T09:31:18","slug":"vue-js-history-vs-hash-mode-on-a-subpath","status":"publish","type":"post","link":"https:\/\/pi3g.com\/de\/vue-js-history-vs-hash-mode-on-a-subpath\/","title":{"rendered":"vue.js Geschichte vs. Hash-Modus auf einem Unterpfad"},"content":{"rendered":"<p>Falls Sie Ihren Vue Router nicht auf der Root-Seite, sondern auf einem \"Unterpfad\" montieren, gibt es einen wichtigen Unterschied im Verhalten des Vue Routers im History- und Hash-Modus.<\/p>\n<h3>Modus Geschichte<\/h3>\n<p>Wenn Sie zum Beispiel Folgendes verwenden m\u00f6chten <a href=\"https:\/\/picockpit.local\/debug\/\">https:\/\/picockpit.local\/debug\/<\/a> den Vue-Router weiterleben zu lassen, in <strong>History-Modus<\/strong>:<\/p>\n<p>Die folgenden Routen<\/p>\n<blockquote>\n<p>{ Pfad: '\/', Komponente: DebugOne},<\/p>\n<p>{ Pfad: '\/zwei', Komponente: DebugTwo},<\/p>\n<p>{ Pfad: '*', Komponente: FourOhFour}<\/p>\n<\/blockquote>\n<p><strong>wird nicht funktionieren <\/strong>wie erwartet! (Ihre 404-Seite mit dem catch all wird angezeigt).<\/p>\n<p>Sie m\u00fcssen sie \u00e4ndern, um <strong>den Unterpfad einschlie\u00dfen<\/strong> (debug):<\/p>\n<blockquote>\n<p>{ Pfad: '\/debug\/', Komponente: DebugOne},<\/p>\n<p>{ Pfad: '\/debug\/two', Komponente: DebugTwo},<\/p>\n<p>{ Pfad: '*', Komponente: FourOhFour}<\/p>\n<\/blockquote>\n<p>In diesem Fall k\u00f6nnen Sie auf die folgenden URLs zugreifen:<\/p>\n<ul>\n<li><a href=\"https:\/\/picockpit.local\/debug\/\">https:\/\/picockpit.local\/debug\/<\/a><\/li>\n<li><a href=\"https:\/\/picockpit.local\/debug\/two\">https:\/\/picockpit.local\/debug\/two<\/a><\/li>\n<\/ul>\n<h3>Hash-Modus<\/h3>\n<p>Im Hash-Modus ist es genau das Gegenteil. Sie m\u00fcssen die Routen wie folgt verwenden:<\/p>\n<blockquote>\n<p>{ Pfad: '\/', Komponente: DebugOne},<\/p>\n<p>{ Pfad: '\/zwei', Komponente: DebugTwo},<\/p>\n<p>{ Pfad: '*', Komponente: FourOhFour}<\/p>\n<\/blockquote>\n<p>In diesem Fall k\u00f6nnen Sie auf die folgenden URLs zugreifen:<\/p>\n<ul>\n<li><a href=\"https:\/\/picockpit.local\/debug\/#\/\">https:\/\/picockpit.local\/debug\/#\/<\/a><\/li>\n<li><a href=\"https:\/\/picockpit.local\/debug\/#\/two\">https:\/\/picockpit.local\/debug\/#\/two<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Falls Sie Ihren Vue Router nicht auf der Root-Seite, sondern auf einem \"Unterpfad\" montieren, gibt es einen wichtigen Unterschied im Verhalten des Vue Routers im History- und Hash-Modus. History-Modus Wenn Sie z.B. https:\/\/picockpit.local\/debug\/ verwenden wollen, um den Vue Router im History-Modus weiterleben zu lassen: Die folgenden Routen...<\/p>","protected":false},"author":830,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[666],"tags":[729,730,727,725,728,675],"class_list":["post-20225","post","type-post","status-publish","format-standard","hentry","category-vue-js","tag-hash","tag-history","tag-router","tag-routing","tag-vue-router","tag-vue-js"],"_links":{"self":[{"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/posts\/20225","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/users\/830"}],"replies":[{"embeddable":true,"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/comments?post=20225"}],"version-history":[{"count":1,"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/posts\/20225\/revisions"}],"predecessor-version":[{"id":20226,"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/posts\/20225\/revisions\/20226"}],"wp:attachment":[{"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/media?parent=20225"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/categories?post=20225"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/tags?post=20225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}