Detaillierte Erläuterung der Vue-Konfigurationsanforderung für mehrere Serverlösungen

1. Lösung

1.1 Beschreibung des Schnittstellenkontextpfads

Die beiden Präfixe für Serviceanforderungen der Backend-Schnittstelle lauten wie folgt:

• Präfix 1: /bryant
• Präfix 2: /

1.2 vue.config.js-Konfiguration

devServer: {
 Port: 8005,
 Proxy: {
  // Erste Serverkonfiguration '/bryant': {
   Ziel: 'http://localhost:8081,
   ws: wahr,
   changeOrigin: wahr,
   PfadNeu schreiben: {
    '^/bryant': '/bryant'
   }
  },
  // Zweite Serverkonfiguration '/': {
   Ziel: 'http://localhost:8082',
   ws: wahr,
   changeOrigin: wahr,
   PfadNeu schreiben: {
    '^/': '/'
   }
  } 
 }
} 

1.3 Axios-Modifikation

// API-Basis-URL, festgelegtes Präfix existiert nicht const BASE_URL = ''
// Eine Axios-Instanz erstellen const service = axios.create({
 baseURL: Basis-URL, 
 Timeout: 6000 // Anforderungs-Timeout})

Zu diesem Zeitpunkt muss Axios die BaseUrl-Konfiguration nicht direkt angeben

1.4 Senden einer Anfrage

// Das Anforderungspräfix ist "/"
dies.$http.get("/basketball").dann(res => {
 Konsole.log('/', res)
}).catch(err => {
 console.log(fehler)
})
// Anforderungspräfix ist „bryant“
dies.$http.get("/bryant/mvp").dann(res => {
 console.log('/bryant', res)
}).catch(err => {
 console.log(fehler)
})

Zusammenfassen

Bei mehreren Schnittstellendiensten sollte das Präfix „/“ am Ende der Proxy-Konfiguration platziert werden. Beim Proxying wird es von oben nach unten durchsucht. Wenn es oben platziert wird, werden auch andere Dienste durch diese Konfiguration geproxied.

Dies ist das Ende dieses Artikels mit der detaillierten Erklärung der Lösung für die Vue-Konfiguration, die mehrere Server anfordert. Weitere relevante Vue-Konfigurationen, die mehrere Server anfordern, finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder durchsuchen Sie die folgenden verwandten Artikel weiter. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!