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

VioletJack
  • 925

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

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

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

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

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

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

回复
阅读 18.8k
4 个回答

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

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

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

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

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

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

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

宣传栏