javascript – So stellen Sie von npm run build generierte Dateien auf dem Server bereit

Question

Ich bin neu im Front-End. Ich habe ein Front-End-Projekt mit dem vue-cli-Gerüst geschrieben. Derzeit ist bekannt, dass es mit dem npm run dev 在8080端口进行本地调试，但这仅限于调试。那么 npm run build 生成了dist文件夹之后如何发布呢？有人说将 dist-Ordner auf den Server geworfen werden kann.
Dann kommt die Frage:

Auf welchem ​​Server soll der

• generierte dist Ordner abgelegt werden?

• Unabhängig davon, ob Sie das Projekt für die Außenwelt freigeben möchten, müssen Sie zunächst einen Server erstellen, um die Projektdateien zu speichern.

• Wie soll ich lernen, das Projekt auf dem Server bereitzustellen, ohne etwas über das Backend zu wissen?

• Welche Server stehen zur Erleichterung der Bereitstellung zur Verfügung? npm run build Die generierten Projektdateien.

Xiaobai ist auf der Suche nach Populärwissenschaft~Sie können mir alle relevanten Artikel, Informationen und Projektlinks senden, vielen Dank im Voraus~

Answer 1

首先来说服务器，其实就和你的电脑差不多，有一些差别就是服务器可能硬件条件比你电脑好，然后就是有些服务器为了运行效率，减去了图形化界面这一层。所以对于你的问题，你只需要在服务器上配置好环境，然后将项目放在服务器上，和你电脑上一样的操作，你在本地怎么运行项目的，服务器上也可以怎么运行，可能对于没有图形化界面的，你需要使用命令行，或者终端，然后就是配置好你服务器域名，跑起来就可以访问了。

Answer 2

嗯，我试过用IIS和服务器官方提供的环境来放我的网站。一般来说，如果你只是单纯的放个静态页面，只需要学下配置IIS，然后把你的页面放在你指定的目录就行了，注意有些服务器的安全组会阻碍你的访问，如果不怕别人黑就把服务器全部安全组开放了。第二像腾讯云服务器类在重装的时候可以到公共市场挑选环境，我那PHP项目就是用别人做好的环境，直接上传项目，建个数据库就OK了。

Answer 3

刚好看到这个问题node.js－不懂res.sendFile(path.resolve('./public'))

你用了npm命令,我觉得你对node.js也应该有所了解了.你可以用express起一个服务器,然后向上面那个问题里一样,把public换成你的dist目录.绝知此事要躬行,试试看.

Answer 4

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

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

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