javascript - Comment déployer les fichiers générés par NPM Run build sur le serveur

Question

Je suis nouveau dans le front-end. J'ai écrit un projet front-end en utilisant l'échafaudage vue-cli. Actuellement, on sait que l'utilisation du dossier npm run dev 在8080端口进行本地调试，但这仅限于调试。那么 npm run build 生成了dist文件夹之后如何发布呢？有人说将 dist peut être utilisée pour le lancer sur le serveur.
Puis la question se pose :

Sur quel serveur faut-il placer le dossier

• généré dist ?

• Que vous souhaitiez diffuser le projet vers le monde extérieur, vous devez d'abord créer un serveur pour stocker les fichiers du projet.

• Comment dois-je apprendre à déployer le projet sur le serveur sans rien connaître du backend.

• Quels sont les serveurs disponibles pour faciliter le déploiement npm run buildLes fichiers du projet générés.

Xiaobai recherche de la vulgarisation scientifique~Vous pouvez m'envoyer des articles, des informations et des liens de projets pertinents, merci d'avance~

Answer 1

Tout d'abord, parlons du serveur. En fait, c'est presque le même que votre ordinateur. Il y a quelques différences. Le serveur peut avoir de meilleures conditions matérielles que votre ordinateur. Ensuite, certains serveurs ont soustrait la couche d'interface graphique. efficacité opérationnelle. Donc, pour votre problème, il vous suffit de configurer l'environnement sur le serveur, puis de placer le projet sur le serveur. La même opération que sur votre ordinateur peut également être exécutée sur le serveur. not Pour l'interface graphique, vous devez utiliser la ligne de commande ou le terminal, puis configurer le nom de domaine de votre serveur et l'exécuter pour y accéder.

Answer 2

Eh bien, j'ai essayé d'utiliser IIS et l'environnement fourni par le serveur pour héberger mon site Web. De manière générale, si vous mettez simplement une page statique, il vous suffit d'apprendre à configurer IIS, puis de placer votre page dans le répertoire que vous spécifiez. Notez que les groupes de sécurité de certains serveurs gêneront votre accès si vous n'avez pas peur. d'autres, Hacker a ouvert tous les groupes de sécurité sur le serveur. Deuxièmement, lors de la réinstallation de la classe de serveur Tencent Cloud, vous pouvez accéder au marché public pour sélectionner un environnement. Pour mon projet PHP, j'ai utilisé un environnement créé par d'autres, j'ai téléchargé le projet directement et construit une base de données.

Answer 3

Je viens de voir cette question node.js - Je ne comprends pas res.sendFile(path.resolve('./public'))

Vous avez utilisé la commande npm. Je pense que vous devriez également avoir une certaine compréhension de node.js. Vous pouvez utiliser express pour configurer un serveur, puis remplacer public par votre répertoire dist comme dans la question ci-dessus. . Si vous voulez vous entraîner, essayez-le.

Answer 4

En fait, les réponses des deux personnes ci-dessus sont toutes deux correctes, mais l'accent est différent. Le premier étage est d'un point de vue global, il suffit de configurer le serveur et de l'exécuter comme vous le souhaitez, mais personne ne l'a jamais déployé. un projet. Peut-être que vous ne savez pas ce qui se passe ; le deuxième étage devrait parler de l'environnement de configuration du serveur Windos. Si vous ne l'avez jamais utilisé auparavant, vous ne comprenez probablement pas ce qui se passe ; Puisque vous savez que vous utilisez npm run build pour générer le fichier, vous devriez également voir que les fichiers générés sont des fichiers js, css et html. En d'autres termes, quel que soit le système du serveur, tant que votre serveur dispose d'un serveur. logiciel qui prend en charge http ou https, je connais nginx et apache. Installez simplement l'un des deux et faites correspondre le chemin d'accès, placez le fichier que vous avez généré sous le serveur ou le chemin de mappage, démarrez votre logiciel serveur, puis vous pourrez utiliser le chemin que vous avez configuré pour accéder au projet. Vous devez donc comprendre deux choses :
1 Comment installer nginx ou apache, il existe de nombreux articles sur la recherche Baidu
2. Comment configurer nginx ou apache, il existe de nombreux articles sur Baidu ; ;

Une fois que vous aurez compris ces deux projets, ils seront déployés

Pourquoi n'explique-je pas comment l'installer et le configurer ici ? Ce n'est pas quelque chose qui peut être expliqué clairement en une ou deux phrases. Je ne peux pas le décrire clairement ;