Saya telah bekerja untuk proyek VueJs secara lokal. Sekarang saya harus mengunggahnya di VM universitas saya dan itu akan menjadi publik. Saya pikir saya tidak boleh mengunggah seluruh direktori tetapi hanya direktori 'dist' yang saya buat dengan perintah:

npm run build

Pertanyaan pertama: Apakah itu benar?

Pertanyaan kedua: Bagaimana cara menjalankan server sekarang? Untuk pengujian lokal saya biasa menjalankannya dengan perintah:

npm run serve

Tapi saya pikir sekarang saya harus menggunakan beberapa perintah lain.

Terima kasih atas bantuan Anda.

2
francesco 9 Januari 2021, 16:48

3 jawaban

Jawaban Terbaik

Jawaban untuk pertanyaan:

  1. Iya. Itu benar.

  2. Biasanya, Anda perlu menyajikan folder dist di server web. Seperti nginx atau apache.

Ini akan berfungsi melayani index.html Anda, di dalam folder /dist yang dihasilkan pada langkah pembuatan aplikasi vuejs Anda.

Obs.: Anda tidak boleh menyajikan aplikasi Anda di produksi dengan npm run serve karena ini adalah server pengembangan monothreaded.

2
Danizavtz 9 Januari 2021, 14:11

Sederhana saja

npm menjalankan build

Salin folder index.html dan /dist/ ke direktori root situs web Anda. Selesai.

0
Md Mahamudul Hasan 9 Januari 2021, 14:28
  1. Perintah npm run build benar untuk mempersiapkan proyek untuk penerapan.

  2. Anda tidak perlu menjalankan perintah npm run serve seperti yang Anda lakukan di lokal.

Yang Anda perlukan untuk penerapan setelah menjalankan perintah npm run build adalah:

Folder dist dan file index.html.

Anda dapat menyebarkan proyek Anda ke penyedia hosting mana pun yang Anda pilih.

Saya akan menggunakan aws s3 sebagai contoh untuk aplikasi statis (Prosesnya hampir sama di platform lain).

  1. Masuk ke aws

  2. Pilih s3

  3. Buat ember baru (Beri nama pilihan dan pilih wilayah)

  4. Aktifkan opsi untuk Hosting Situs Web Statis pada keranjang yang baru saja Anda buat. Berkas untuk Index Document dan Error Document harus disetel ke index.html

  5. Tetapkan Izin Bucket (Tambahkan Kebijakan Bucket)

Rekatkan ini ke editor kebijakan bucket dan simpan. Ubah your-bucketName menjadi nama bucket yang dibuat

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "PublicReadGetObject",
            "Effect": "Allow",
            "Principal": "*",
            "Action": [
                "s3:GetObject"
            ],
            "Resource": [
                "arn:aws:s3:::your-bucketName/*"
            ]
        }
    ]
}
  1. Unggah file (build.js di folder dist dan index.js)

    1. Klik nama keranjang Anda
    2. Pilih unggah di menu atas
    3. Unggah file yang ditunjukkan di atas
  2. Buat folder dengan nama dist di dalam bucket Anda dan pindahkan build.js ke dalamnya.

  3. Klik Semua Keranjang untuk kembali. Pilih Properties dari bucket yang Anda terapkan di menu kanan atas dan klik Endpoint untuk makan siang situs yang dihosting.

0
Gblend 9 Januari 2021, 14:33