Mengapa uniapp tidak membuka penyemak imbas secara automatik?

Apabila membangunkan projek uniapp, kami sering menggunakan alatan baris arahan untuk memulakan projek. Kaedah pembangunan tradisional ialah selepas memulakan projek, alat itu akan secara automatik membuka pelayar lalai dan memaparkan halaman projek kami di sana. Walau bagaimanapun, sesetengah pembangun mendapati bahawa apabila menggunakan versi terkini rangka kerja uniapp, alat baris arahan tidak lagi membuka penyemak imbas secara automatik. kenapa ni? Bagaimana untuk menyelesaikan masalah ini?

Punca masalah

Mula-mula kita perlu memahami model pembangunan projek uniapp. uniapp mengguna pakai model pembangunan bersatu berbilang terminal, dan proses pembangunannya termasuk dua pautan: pembangunan tempatan dan penyusunan dan pelepasan. Semasa pembangunan tempatan, kita perlu menggunakan alat baris arahan yang disediakan oleh uniapp untuk memulakan projek, iaitu, gunakan arahan npm run dev:%PLATFORM%. Antaranya, %PLATFORM% mewakili platform yang sepadan dengan projek semasa, seperti h5, aplikasi, dsb. Apabila melaksanakan arahan ini, kita akan mendapati bahawa konsol mengeluarkan maklumat berikut:

 DONE  Compiled successfully in xxxms                                                             
                                                                                        14:38:11

  App running at:
  - Local:   http://localhost:8080/ 

  Network: http://192.168.xxx.xxx:8080/

Kita dapat melihat bahawa dalam baris Local, konsol mengeluarkan alamat akses projek tempatan kita, ini Alamat selalunya http://localhost:8080/. Dalam kaedah pembangunan tradisional, konsol juga akan membuka pelayar secara automatik dan memaparkan halaman projek kami di sana.

Walau bagaimanapun, dalam versi terkini rangka kerja uniapp, alat baris arahan mematikan fungsi membuka penyemak imbas secara automatik secara lalai. Pengubahsuaian ini adalah berdasarkan pertimbangan keselamatan, kerana projek pembangun mungkin mengandungi beberapa maklumat sensitif, dan jika anda membuka penyemak imbas untuk memaparkan projek sesuka hati, ia boleh menyebabkan isu keselamatan.

Penyelesaian

Sekarang kita tahu punca masalah, kita boleh mengambil langkah yang sesuai untuk menyelesaikan masalah tersebut. Terdapat dua kaedah.

Kaedah 1

Apabila melaksanakan arahan permulaan alat baris arahan, tambah parameter -o untuk merealisasikan fungsi membuka penyemak imbas secara automatik. Arahannya adalah seperti berikut:

npm run dev:%PLATFORM% -o

Antaranya, parameter -o bermaksud membuka pelayar.

Kaedah 2

Ubah suai fail konfigurasi vue.config.js untuk mengkonfigurasi fungsi membuka penyemak imbas secara automatik. Langkah-langkah khusus adalah seperti berikut:

1 Cipta fail vue.config.js baharu dalam direktori akar projek.

2. Tambahkan kod berikut dalam fail vue.config.js:

module.exports = {
  devServer: {
    open: true
  }
}

Antaranya, open:true bermaksud membuka penyemak imbas secara automatik apabila memulakan projek.

Ringkasan

Apabila menggunakan uniapp untuk membangunkan projek, jika alat baris arahan tidak membuka penyemak imbas secara automatik, kita boleh mengambil dua kaedah di atas untuk menyelesaikan masalah ini. Walau bagaimanapun, apabila mengubah suai konfigurasi lalai projek, perhatian perlu diberikan untuk mengawal maklumat sensitif pembangun daripada dipaparkan sesuka hati untuk mengelakkan isu keselamatan.

Atas ialah kandungan terperinci Mengapa uniapp tidak membuka penyemak imbas secara automatik?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!