npm run build之后生成的dist如何扔到服务器运行(npm run build之后如何本地运行)

时间:2021-09-21 14:38:12

运行npm run build之后,会生成一个dist文件夹,里面的目录结构大概是这样的:

npm run build之后生成的dist如何扔到服务器运行(npm run build之后如何本地运行)

生成完的文件我们怎么来运行呢?直接在本地打开inde.html是无法运行的,打包的时候有提示:

npm run build之后生成的dist如何扔到服务器运行(npm run build之后如何本地运行)

构建文件应该通过HTTP服务器提供服务。

所以我们要启动一个HTTP服务器才能够运行。选择一个HTTP服务器,下面用Apache Tomcat和Nginx为例,分别运行一下。

一、部署在IIS中

1:打开iis,添加新网站(选择路径文件为dist本地文件目录,ip跟端口默认就行,不用设置)

npm run build之后生成的dist如何扔到服务器运行(npm run build之后如何本地运行)

2:添加完之后配置hosts文件

npm run build之后生成的dist如何扔到服务器运行(npm run build之后如何本地运行)

3:hosts文件配置地址为刚刚添加新网站的地址

npm run build之后生成的dist如何扔到服务器运行(npm run build之后如何本地运行)

4:配置完之后再浏览器中直接输入网址即可访问

npm run build之后生成的dist如何扔到服务器运行(npm run build之后如何本地运行)