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