nginx部署前端纯页面

nginx部署前端纯页面,第1张

1进入nginx配置文件vim /nginx-1912/conf/nginxconf。

如上图所示:第一个红框中的内容就是应用服务器的地址;第二个红框中的内容就是前端包的位置。

此时,配置文件已经准备完毕。这个包和端口可以存在多个。

2进入/nginx-1912/sbin 找到nginx的启动程序。

nginx -c /nginx-1912/conf/nginxconf    启动nginx程序,并指定配置文件。

3如果要替换包,则直接替换就行,nginx为热加载自动更新的。但是以防有缓存之类的存在,可以使用nginx -s reload命令进行重载一次。
追加 一 :

如果前端包的构造如下图
则location配置依然如下图

但是访问地址则需要指定到具体的html文件上。。

绑定: >废话在线,肯定首先要安装 vs code 和 nodejs(既然是前端就必须回,不会的面壁思过)
然后在命令符中输入 npm install -g live-server 进行安装,(简单的NPM安装)
安装成功后在vscode里 “查看” - “集成终端”或者 文件夹命令提示符 里面输入 live-server ,
等待浏览器会自动打开 >一般不会在服务器上直接设置公网IP的 服务器前端一般都还得架设防火墙 然后调试好防火墙以后再把你的服务器设置为内网IP 通过映射端口再把你服务器要对外提供服务的端口给映射出去就可以了


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zz/12873210.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-28
下一篇 2023-05-28

发表评论

登录后才能评论

评论列表(0条)

保存