Bagaimana untuk menetapkan alamat IP tetap dalam Vue

Dalam pembangunan harian, kami selalunya perlu menggunakan rangka kerja Vue untuk pembangunan dalam persekitaran pembangunan tempatan Semasa proses pembangunan, aplikasi Vue kami tidak menyokong akses luaran, jadi kami perlu menetapkan alamat IP tetap. artikel ini akan memperkenalkan cara untuk menetapkan alamat IP tetap dalam Vue.

1. Tukar port lalai

Alamat akses biasanya http://localhost:8080 Kami boleh menukar nombor port lalai yang kami perlukan nombor sebagai 8000 Contohnya, operasi khusus adalah seperti berikut:

1. Buka fail config/index.js dalam direktori akar projek.
2. Cari objek dev dan tukar nilai atribut portnya kepada nombor port yang anda perlukan, seperti yang ditunjukkan dalam kod berikut:

dev: {
  port: 8000,
  // ...
}

3. Selepas menyimpan fail, jalankan arahan berikut , mulakan semula projek:

npm run dev

Pada masa ini, alamat akses kami akan bertukar daripada http://localhost:8080 kepada http://localhost:8000, yang memudahkan operasi kami yang seterusnya.

2. Ubah suai hos

Jika kami mahu peranti lain dalam LAN yang sama mengakses aplikasi kami, kami boleh menambah alamat IP tetap yang kami perlukan dalam fail hos :

1. Masukkan notepad dalam bar carian sistem dan jalankannya sebagai pentadbir.
2. Buka fail hos dalam direktori C:WindowsSystem32driveretc.
3. Tambah kod berikut pada penghujung fail untuk mengikat nama domain localhost ke alamat IP tetap yang kami perlukan.

# 网站IP绑定
127.0.0.1       localhost
192.168.1.100   localhost

Di mana 192.168.1.100 ialah alamat IP tetap yang kami ikat, yang boleh digantikan dengan alamat IP yang anda perlukan.

4. Selepas menyimpan fail hos, mulakan semula komputer.
5. Buka CMD atau terminal, masukkan perintah ipconfig, cari LAN yang sedang anda sambungkan dan rekod alamat IPv4.
6. Cari objek devServer dalam fail config/index.js dalam direktori akar projek dan tukar nilai atribut hosnya kepada alamat IPv4 anda, seperti yang ditunjukkan dalam kod berikut:

devServer: {
  host: '192.168.1.100', // 记得替换成你的 IPv4 地址
  // ...
}

7. Jalankan semula projek dan masukkan http://192.168.1.100:8000 dalam penyemak imbas untuk mengakses aplikasi.

3. Kesimpulan

Di atas ialah cara menetapkan alamat IP tetap dalam Vue, yang membolehkan kami mengakses aplikasi kami dengan lebih mudah pada peranti lain dalam LAN yang sama. Semoga artikel ini bermanfaat kepada semua.

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