javascript - Bagaimana untuk menggunakan fail yang dijana oleh npm run build ke pelayan

Question

Saya baru kepada bahagian hadapan Saya menulis projek bahagian hadapan menggunakan perancah vue-cli Pada masa ini, diketahui bahawa menggunakan folder npm run dev 在8080端口进行本地调试，但这仅限于调试。那么 npm run build 生成了dist文件夹之后如何发布呢？有人说将 dist boleh digunakan untuk membuangnya pada pelayan.
Kemudian soalan datang:

Pada pelayan manakah folder

• dijana dist harus diletakkan?

• Sama ada anda ingin mengeluarkan projek ke dunia luar, anda perlu membina pelayan terlebih dahulu untuk menyimpan fail projek.

• Bagaimanakah saya harus belajar menggunakan projek ke pelayan tanpa mengetahui apa-apa tentang bahagian belakang.

• Apakah pelayan yang tersedia untuk memudahkan penggunaan npm run build Fail projek yang dijana.

Xiaobai sedang mencari sains popular~Anda boleh menghantar saya sebarang artikel, maklumat dan pautan projek yang berkaitan, terima kasih terlebih dahulu~

Answer 1

Pertama sekali, mari bercakap tentang pelayan Sebenarnya, ia hampir sama dengan komputer anda. Pelayan mungkin mempunyai keadaan perkakasan yang lebih baik daripada komputer anda kecekapan operasi. Oleh itu, untuk masalah anda, anda hanya perlu mengkonfigurasi persekitaran pada pelayan, dan kemudian meletakkan projek pada pelayan Operasi yang sama seperti pada komputer anda juga boleh dijalankan pada pelayan bukan Untuk antara muka grafik, anda perlu menggunakan baris arahan atau terminal, dan kemudian konfigurasikan nama domain pelayan anda dan jalankannya untuk mengaksesnya.

Answer 2

Nah, saya cuba menggunakan IIS dan persekitaran yang disediakan oleh pelayan untuk mengehos laman web saya. Secara umumnya, jika anda hanya meletakkan halaman statik, anda hanya perlu belajar cara mengkonfigurasi IIS, dan kemudian meletakkan halaman anda dalam direktori yang anda tentukan. Ambil perhatian bahawa kumpulan keselamatan sesetengah pelayan akan menghalang akses anda daripada yang lain, Hacker membuka semua kumpulan keselamatan pada pelayan. Kedua, apabila memasang semula kelas pelayan Tencent Cloud, anda boleh pergi ke pasaran awam untuk memilih persekitaran Untuk projek PHP saya, saya menggunakan persekitaran yang dibuat oleh orang lain, saya memuat naik projek secara langsung dan membina pangkalan data.

Answer 3

Saya baru nampak soalan ini node.js - Saya tidak faham res.sendFile(path.resolve('./public'))

Anda menggunakan arahan npm, saya rasa anda juga harus memahami node.js Anda boleh menggunakan express untuk menyediakan pelayan, dan kemudian menggantikan public dengan direktori dist anda seperti dalam soalan di atas . Kalau nak amalkan, cubalah.

Answer 4

Sebenarnya, jawapan daripada dua orang di atas kedua-duanya betul, tetapi penekanannya adalah berbeza dari perspektif yang besar, cuma konfigurasikan pelayan dan jalankannya seperti yang anda mahu ia dijalankan, tetapi tiada siapa yang pernah menggunakan. projek. Mungkin anda tidak tahu apa yang sedang berlaku; kerana anda tahu bahawa anda menggunakan binaan npm run untuk menjana fail, maka anda juga harus melihat bahawa fail yang dihasilkan adalah fail js, css dan html Dalam erti kata lain, tidak kira apa sistem pelayan itu, selagi pelayan anda mempunyai pelayan perisian yang menyokong http atau https, saya tahu tentang nginx dan apache Hanya pasang satu daripada dua, dan padankan laluan akses, letakkan fail yang anda hasilkan di bawah pelayan atau laluan pemetaan, mulakan perisian pelayan anda, dan kemudian anda boleh menggunakan. laluan yang anda konfigurasikan untuk mengakses projek. Jadi anda perlu memahami dua perkara:
1 Cara memasang nginx atau apache Terdapat banyak artikel tentang ini
2 di Baidu

Setelah anda memahami kedua-dua projek ini, ia akan siap

Mengapa saya tidak menerangkan cara memasang dan mengkonfigurasinya di sini. Ini bukan sesuatu yang boleh saya jelaskan dengan jelas dalam satu atau dua ayat