nginx部署前端dist包

来一颗砂糖橘 2024-10-11 09:33:01 阅读 83

下载nginx

下载地址

<code>https://nginx.org/en/download.html

download > Stable version 可选择稳定版的nginx

在这里插入图片描述

nginx压缩包解压后的目录

在这里插入图片描述

配置

1.将打包好的dist放入html目录下

在这里插入图片描述

2.打开nginx.conf配置文件

在这里插入图片描述

修改地址

<code>location / {

root html/dist;

index index.html index.htm;

}

在这里插入图片描述

启动

1.双击启动nginx

在这里插入图片描述

2.打开浏览器输入地址打开项目 <code>http://localhost:8083/

在这里插入图片描述



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。