So erhalten Sie die IP-Adresse des Servers

In einer Vue-Anwendung müssen Sie die IP-Adresse des Servers für die Bereitstellung und Serverinteraktion erhalten. In diesem Artikel wird beschrieben, wie Sie die IP-Adresse eines Servers für die Bereitstellung und Interaktion in einer Vue-Anwendung erhalten.

Schritt 1: Server-IP-Adresse abrufen

Um die Server-IP-Adresse zu erhalten, können Sie mit einem Befehlszeilentool (z. B. Terminal, PuTTY usw.) eine Verbindung zum Server herstellen und den folgenden Befehl ausführen:

$ curl ifconfig.co

Dadurch wird die öffentliche IP-Adresse des Servers zurückgegeben. Sie können sie einer Variablen zuweisen. In einer Vue-Anwendung können Sie den folgenden Code verwenden, um die IP-Adresse Ihres Servers abzurufen:

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)
        })
    }
  }
}

Dadurch wird die Axios-Bibliothek verwendet, um eine GET-Anfrage zu stellen und die IP-Adresse aus der JSON-Antwort abzurufen. Sie können diese IP-Adresse verwenden, wenn Sie den Server-Endpunkt aufrufen.

Schritt 2: BASE_URL der Anwendung festlegen

Die Vue-Anwendung muss die BASE_URL korrekt festlegen. Wenn die Anwendung nicht richtig eingerichtet ist, kann sie nicht erfolgreich mit dem Server interagieren.

So legen Sie die BASE_URL fest:

import axios from 'axios'

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

export default instance

Im obigen Code verwenden wir Axios, um eine Instanz zu erstellen und die Basis-URL festzulegen. Um die Server-IP-Adresse zu erhalten, weisen Sie sie der Variablen VUE_APP_SERVER_IP der .env-Datei zu.

VUE_APP_SERVER_IP=yourserverip

Jetzt kann Ihre Vue-Anwendung mit dem Server interagieren.

Fazit

Das Abrufen der Server-IP-Adresse in Ihrer Vue-Anwendung ist wichtig, da sie der Schlüssel zur Bereitstellung und Serverinteraktion ist. Sie können die IP-Adresse in Ihrer Vue-Anwendung verwenden, indem Sie die IP-Adresse über eine GET-Anfrage abrufen und sie einer Variablen zuweisen. Darüber hinaus muss die BASE_URL der Anwendung festgelegt werden, um ordnungsgemäß mit dem Server zu interagieren.

Das obige ist der detaillierte Inhalt vonSo erhalten Sie die IP-Adresse des Servers. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!