nginx部署前端dist包详细图文教程

下载nginx

下载地址

https://nginx.org/en/download.html

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

nginx部署前端dist包详细图文教程

nginx压缩包解压后的目录

nginx部署前端dist包详细图文教程

配置

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

nginx部署前端dist包详细图文教程

2.打开nginx.conf配置文件

nginx部署前端dist包详细图文教程

修改地址

location / {
    root   html/dist;
    index  index.html index.htm;
}

nginx部署前端dist包详细图文教程

启动

1.双击启动nginx

nginx部署前端dist包详细图文教程

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

nginx部署前端dist包详细图文教程

总结 

到此这篇关于nginx部署前端dist包的文章就介绍到这了,更多相关nginx部署前端dist包内容请搜索恩蓝小号以前的文章或继续浏览下面的相关文章希望大家以后多多支持恩蓝小号!

原创文章,作者:YHPDI,如若转载,请注明出处:http://www.wangzhanshi.com/n/1799.html

(0)
YHPDI的头像YHPDI
上一篇 2024年12月17日 18:00:36
下一篇 2024年12月17日 18:00:39

相关推荐

发表回复

登录后才能评论