Adakah mungkin untuk menjalankan binaan pengeluaran vue secara tempatan?

Question

Apabila saya menggunakan npm run build 命令创建了一个 dist 文件夹。我将 dist 文件夹放在 C:xampphtdocs 中，然后启动 apache 服务器在本地测试应用程序。每当我在浏览器中输入 http://localhost/dist/index.html dalam projek vue saya, hanya terdapat halaman putih kosong. Jadi, adakah mungkin untuk menjalankan binaan pengeluaran secara tempatan?

Answer 1

Anda sepatutnya mempunyai kandungan yang serupa dalam package.json

anda

"scripts": {
  "preview": "vite preview",
},

Dengan mengandaikan anda menggunakan Vue3.

Selain itu, serve ialah alternatif yang baik untuk pratonton SPA, tiada pelayan XAMPP diperlukan. Anda boleh memasangnya secara global supaya ia dipasang pada keseluruhan komputer anda.

Jika anda tidak mempunyai Vite (seperti dalam projek Vue2) atau anda ingin pratonton dengan cepat aplikasi statik, arahan untuk dijalankan adalah seperti ini

serve dist

PS: Jika anda menggunakan Windows, anda juga mungkin memerlukan hak pentadbir.