Est-il possible d'exécuter une version de production de vue localement ?

Question

Lorsque j'utilise npm run build 命令创建了一个 dist 文件夹。我将 dist 文件夹放在 C:xampphtdocs 中，然后启动 apache 服务器在本地测试应用程序。每当我在浏览器中输入 http://localhost/dist/index.html dans mon projet vue, il n'y a qu'une page blanche vierge. Alors, est-il possible d’exécuter la version de production localement ?

Answer 1

Vous devriez avoir un contenu similaire dans votre package.json

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

En supposant que vous utilisez Vue3.

De plus, serve est une bonne alternative au SPA de prévisualisation, aucun serveur XAMPP n'est requis. Vous pouvez l'installer globalement afin qu'il soit installé sur l'ensemble de votre ordinateur.

Si vous n'avez pas Vite (comme dans un projet Vue2) ou si vous souhaitez prévisualiser rapidement une application statique, la commande à exécuter est la suivante

serve dist

PS : Si vous utilisez Windows, vous aurez peut-être également besoin de droits d'administrateur.