Bagaimana untuk mendapatkan alamat IP pelayan

Dalam aplikasi Vue, anda perlu mendapatkan alamat IP pelayan untuk penempatan dan interaksi pelayan. Artikel ini akan menerangkan cara mendapatkan alamat IP pelayan untuk penggunaan dan interaksi dalam aplikasi Vue.

Langkah 1: Dapatkan alamat IP pelayan

Untuk mendapatkan alamat IP pelayan, anda boleh menggunakan alat baris arahan (seperti Terminal, PuTTY, dll.) untuk menyambung ke pelayan dan jalankan arahan berikut:

$ curl ifconfig.co

Ini akan mengembalikan alamat IP awam pelayan, yang boleh anda tetapkan kepada pembolehubah. Dalam aplikasi Vue, anda boleh menggunakan kod berikut untuk mendapatkan alamat IP pelayan anda:

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

Ini akan menggunakan perpustakaan axios untuk membuat permintaan GET dan mendapatkan alamat IP daripada respons JSON. Anda boleh menggunakan alamat IP ini apabila memanggil titik akhir pelayan.

Langkah 2: Tetapkan BASE_URL aplikasi

Aplikasi Vue mesti menetapkan BASE_URL dengan betul. Jika tidak disediakan dengan betul, aplikasi tidak akan berjaya berinteraksi dengan pelayan.

Begini caranya untuk menetapkan BASE_URL:

import axios from 'axios'

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

export default instance

Dalam kod di atas, kami menggunakan axios untuk mencipta contoh dan menetapkan baseURL. Untuk mendapatkan alamat IP pelayan, tetapkan ia kepada pembolehubah VUE_APP_SERVER_IP bagi fail .env.

VUE_APP_SERVER_IP=yourserverip

Kini aplikasi Vue anda boleh berinteraksi dengan pelayan.

Kesimpulan

Mendapatkan alamat IP pelayan dalam aplikasi Vue anda adalah penting kerana ia adalah kunci kepada penggunaan dan interaksi pelayan. Anda boleh menggunakan alamat IP dalam aplikasi Vue anda dengan mendapatkan alamat IP melalui permintaan GET dan memberikannya kepada pembolehubah. Selain itu, BASE_URL aplikasi mesti ditetapkan untuk berinteraksi dengan pelayan dengan betul.

Atas ialah kandungan terperinci Bagaimana untuk mendapatkan alamat IP pelayan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!