Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Interpretation der ie9-Kompatibilität in VUE

Detaillierte Interpretation der ie9-Kompatibilität in VUE

亚连
亚连Original
2018-06-12 14:46:441862Durchsuche

In diesem Artikel wird hauptsächlich das Entfernen von # im Vue-Projekt und dessen ie9-Kompatibilität vorgestellt. Jetzt teile ich es mit Ihnen und gebe Ihnen eine Referenz.

1. So entfernen Sie die # der Zugriffsadresse im Vue-Projekt .js)

export default new Router({
 mode: 'history',
 routes: [
  {
   path: '/',
   name: 'menu',
   component: menu,
   children: [
    {
     path: 'organization',
     component: organization,
     children: [
      {
       path: '',
       redirect: 'organizationSub'
      },
      {
       path: 'organizationSub',
       component: organizationSub
      }
     ]
    },
    {
     path: 'user',
     component: user
    },
    {
     path: 'role',
     component: role
    }
   ]
  }
 ]
})

2. Vue-Routing-Prinzip

2.1 Hash-Modus: Standard-Routing-Modus des Vue-Routers.

Eine von Vue entwickelte Einzelseitenanwendung, es gibt nur einen HTML-Code, und die Änderung der URL beim Umschalten simuliert die vollständige URL durch den Hash-Modus der URL.

2.2 Verlaufsmodus: Konfigurationsmodus: „Verlauf“ in vue2.

Verwenden Sie die API „history.pushState“, um den URL-Sprung abzuschließen

Einführung in die offizielle Website des HTML5-Verlaufsmodus: https://router.vuejs.org/zh-cn/essentials/history-mode. html

3. Hinweise

Um diesen Modus gut abzuspielen, benötigen Sie jedoch auch Hintergrundkonfigurationsunterstützung. Da es sich bei unserer Anwendung um eine Single-Page-Client-Anwendung handelt, wird 404 zurückgegeben, wenn der Hintergrund nicht korrekt konfiguriert ist und der Benutzer im Browser direkt auf http://oursite.com/user/id zugreift .

Sie müssen also auf der Serverseite eine Kandidatenressource hinzufügen, die alle Situationen abdeckt: Wenn die URL mit keiner statischen Ressource übereinstimmt, sollte sie dieselbe index.html-Seite zurückgeben, also die Seite Ihrer App hängt davon ab.

vue-router wird auf der offiziellen Website vorgestellt und es gibt auch Hintergrundkonfigurationsbeispiele: https://router.vuejs.org/zh-cn/essentials/history-mode.html

4. Kompatibilität

Nach dem Testen wird der Modus „Verlauf“ unter ie9 nicht wirksam, wenn das Vue-Projekt mit ie9 kompatibel sein muss und der Hintergrund eine strikte Zugriffsüberprüfung erfordert Adressen wird die Verwendung dieses Modus nicht empfohlen. Wenn der Inhalt Fehler oder Auslassungen enthält, können Sie mich gerne kritisieren und korrigieren.

Das oben Gesagte habe ich für Sie zusammengestellt. Ich hoffe, es wird Ihnen in Zukunft hilfreich sein.

Verwandte Artikel:

Wie implementiert man Rückrufe mit Promise im WeChat-Applet?

Konzept und Verwendung des Befehlsmodus in JS (ausführliches Tutorial)

Verwenden Sie Selen, um Taobao-Dateninformationen zu erfassen

Das obige ist der detaillierte Inhalt vonDetaillierte Interpretation der ie9-Kompatibilität in VUE. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn