Webpack - projek yang ditulis oleh vue-cli (tiada masalah berjalan secara tempatan), akan diletakkan pada pelayan Nginx Apakah konfigurasi yang perlu diubah? Bagaimana lagi untuk digunakan?

Question

Untuk projek yang dibina secara tempatan menggunakan Vue-cli, konfigurasi webpack tidak disentuh dan ia berjalan tanpa sebarang masalah secara tempatan Tetapi saya bercadang untuk meletakkannya pada pelayan Nginx. Kemudian bagaimana untuk menggunakan Nginx?

Saya mencari, dan ada yang berkata untuk menukar assetsPublicPath dalam index.js di bawah konfigurasi: './' (/a/11...)

Sesetengah orang berkata untuk menambah publicPath:'./' pada output webpack.prod.conf.js (http://blog.csdn.net/gebitan5...)

Selepas mencuba semuanya, ia masih tidak boleh dibuka pada pelayan, tolong bantu~~~~

Answer 1

Jika ia hanya Vue, konfigurasikan folder yang menghala ke fail statik melalui npm run build打包, 然后再把dist里面的静态文件发布到服务器中, 在Nginx配置中通过location path, yang akan mengakses terus fail index.html di bawah folder..

Answer 2

Jika anda ingin mengakses projek terbina anda secara terus melalui nama domain, seperti hzzly.net, kemudian tukar assetsPublicPath: '/' dalam index.js di bawah config Jika anda ingin menambah lapisan lain selepas nama domain, contohnya hzzly.net/resume, kemudian tukar index.js di bawah konfigurasi kepada assetsPublicPath: '/resume/', konfigurasi nginx berikut boleh kekal tidak berubah, cuma buat folder resume baharu terus dalam direktori utama laman web tersebut.

server {
        listen       80;
        server_name  localhost;

        location / {
            root   /home/hzzly;  //这里配置网站主目录
            index  index.html index.htm;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

Answer 3

Muatkan halaman utama, lihat fail HTML dan semak sama ada laluan rujukan sumber adalah betul.
Sama seperti gambar di atas, semak laluan dalam src untuk melihat sama ada sumber dalam pelayan anda betul. Jika ia tidak betul, pergi ke webpack untuk mengubah suai laluan pembungkusan sumber.

Answer 4

Adakah 404 semasa mengakses js?