Comment utiliser les variables globales dans vue

vue utilise des variables globales

Lors de l'utilisation de composants dans vue pour effectuer des requêtes, il est inévitable de définir la baseURL. Mais il est préférable de ne pas écrire cette baseURL dans un composant vue globale. S'il est écrit dans un composant, vous constaterez qu'il est crypté si vous le modifiez après l'empaquetage.

D'accord, voici une façon d'introduire des variables globales.

1. Créez un nouveau fichier js :

Contenu du fichier Comme suit :

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

2. Modifiez l'entrée du fichier main.js

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

puis utilisez la variable

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

De cette façon, vous pouvez utiliser des variables Lorsque vous les utilisez, vous pouvez faire ceci :

 alert(this.GLOBAL.BASE_URL);

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!