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

Question

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

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

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

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

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

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

Answer 1

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