Maison > interface Web > Questions et réponses frontales > Comment obtenir l'adresse IP du serveur

Comment obtenir l'adresse IP du serveur

PHPz
Libérer: 2023-04-12 10:07:47
original
2943 Les gens l'ont consulté

Dans une application Vue, vous devez obtenir l'adresse IP du serveur pour le déploiement et l'interaction du serveur. Cet article expliquera comment obtenir l'adresse IP d'un serveur pour le déploiement et l'interaction dans une application Vue.

Étape 1 : Obtenez l'adresse IP du serveur

Pour obtenir l'adresse IP du serveur, vous pouvez utiliser un outil de ligne de commande (tel que Terminal, PuTTY, etc.) pour vous connecter au serveur et exécuter la commande suivante :

$ curl ifconfig.co
Copier après la connexion

Cela renverra l'adresse IP publique du serveur, vous pouvez l'attribuer à une variable. Dans une application Vue, vous pouvez utiliser le code suivant pour obtenir l'adresse IP de votre serveur :

export default {
  data() {
    return {
      serverIp: ''
    }
  },
  created() {
    this.getServerIp()
  },
  methods: {
    getServerIp() {
      axios.get('https://api.ipify.org?format=json')
        .then(response => {
          this.serverIp = response.data.ip
        })
        .catch(error => {
          console.log(error)
        })
    }
  }
}
Copier après la connexion

Cela utilisera la bibliothèque axios pour faire une requête GET et obtenir l'adresse IP de la réponse JSON. Vous pouvez utiliser cette adresse IP lors de l'appel du point de terminaison du serveur.

Étape 2 : Définissez la BASE_URL de l'application

L'application Vue doit définir correctement la BASE_URL. Si elle n'est pas configurée correctement, l'application n'interagira pas correctement avec le serveur.

Voici comment définir la BASE_URL :

import axios from 'axios'

const instance = axios.create({
  baseURL: `http://${process.env.VUE_APP_SERVER_IP}:8000/api`
})

export default instance
Copier après la connexion

Dans le code ci-dessus, nous utilisons axios pour créer une instance et définir la baseURL. Pour obtenir l'adresse IP du serveur, attribuez-la à la variable VUE_APP_SERVER_IP du fichier .env.

VUE_APP_SERVER_IP=yourserverip
Copier après la connexion

Maintenant, votre application Vue peut interagir avec le serveur.

Conclusion

Obtenir l'adresse IP du serveur dans votre application Vue est important car c'est la clé du déploiement et de l'interaction du serveur. Vous pouvez utiliser l'adresse IP dans votre application Vue en obtenant l'adresse IP via une requête GET et en l'attribuant à une variable. De plus, la BASE_URL de l'application doit être définie pour interagir correctement avec le serveur.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal