javascript - npm run build生成的文件如何部署到服务器上

问题描述

问 题

前端新手，使用 vue-cli 架手架写了一个前端项目，目前已知使用 npm run dev 在8080端口进行本地调试，但这仅限于调试。那么 npm run build 生成了dist文件夹之后如何发布呢？有人说将 dist 文件夹丢到服务器上就好了。
那么问题来了：

• 生成的 dist 文件夹应该放在什么服务器上？

• 是否对外发布项目需要先搭建一个服务器来存放项目文件。

• 对后端一无所知的我应该如何学会将项目部署到服务器上。

• 有哪些服务器便于部署 npm run build 生成的项目文件。

小白求科普~任何有关的文章、资料、项目链接都可以丢给我哦，提前感谢~

解决方案

其实楼上两个人的回答都是对的，只不过侧重点不一样，一楼是大的方面说，配置好服务器就可以了，该怎么运行就怎么运行，只不过没有部署过项目的人可能就不知道怎么回事了；二楼说的应该是配置windos服务器的环境，没用过的，估计也搞不明白怎么回事；
实际上，既然你知道用npm run build 生成了文件，那你应该也看到了生成的都是js css 以及html文件，也就是说，不管服务器是什么系统，只要你的服务器上有支持http或者https的服务器软件就可以，我知道的有nginx和apache两种，只要安装了两个中的一个，并且配合好访问路径，把你生成的文件放到服务器下或者映射路径下，启动你的服务器软件即可，然后就可以使用你配置的路径访问项目，所以你需要搞明白两件事：
1、怎么安装nginx或者apache，百度搜索一下这种文章非常多；
2、怎么配置nginx或者apache，百度一下文章也非常多；

搞清楚这两个项目也就部署好了

为什么我不在这说怎么安装怎么配置，这不是一两句话说明白的事，我描述不清楚；

这篇关于javascript - npm run build生成的文件如何部署到服务器上的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！