So verwenden Sie globale Variablen in Vue

vue verwendet globale Variablen

Wenn Sie Komponenten in Vue verwenden, um Anfragen zu stellen, ist es unvermeidlich, die Basis-URL festzulegen. Es ist jedoch am besten, diese Basis-URL nicht in eine globale Vue-Komponente zu schreiben. Wenn es in eine Komponente geschrieben wird, werden Sie feststellen, dass es verschlüsselt ist, wenn Sie es nach dem Packen ändern.

Okay, hier ist eine Möglichkeit, globale Variablen einzuführen.

1. Erstellen Sie eine neue js-Datei:

Dateiinhalt wie folgt:

const BASE_URL = 'http://192.168.0.108:7878/zkview/'
export default {
  BASE_URL
}

2. Ändern Sie den Eintrag main.js in der Datei

import global_ from './../static/config/global'

und verwenden Sie ihn dann die Variable

Vue.prototype.GLOBAL = global_;
axios.defaults.baseURL = global_.BASE_URL;

Auf diese Weise können Sie Variablen verwenden. Wenn Sie sie verwenden, können Sie Folgendes tun:

 alert(this.GLOBAL.BASE_URL);

Das obige ist der detaillierte Inhalt vonSo verwenden Sie globale Variablen in Vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!