如何使用nginx将Vue项目在Window下部署

文章首发观看更佳


官方网站:https://nginx.org


1、下载nginx

mainline version:最新稳定版本,生产环境下建议使用的版本。

如何使用nginx将Vue项目在Window下部署

如何使用nginx将Vue项目在Window下部署


下载并解压,解压文件夹不能包含中文。

如何使用nginx将Vue项目在Window下部署

双击nginx.exe 启动接口,在浏览器中输入 localhost 看到下面内容就说明安装成功了

如何使用nginx将Vue项目在Window下部署


2、使用nginx

将我们打包的项目放到 nginx 中。

我们将dist中的文件全部放到 nginx中的html 文件夹中

如何使用nginx将Vue项目在Window下部署

如何使用nginx将Vue项目在Window下部署

如何使用nginx将Vue项目在Window下部署

然后在我们浏览器中输入localhost 就能看到我们部署的项目了。