nginx部署前端纯页面
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了nginx部署前端纯页面相关的知识,希望对你有一定的参考价值。
参考技术A 1.进入nginx配置文件vim .../nginx-1.9.12/conf/nginx.conf。如上图所示:第一个红框中的内容就是应用服务器的地址;第二个红框中的内容就是前端包的位置。
此时,配置文件已经准备完毕。这个包和端口可以存在多个。
2.进入.../nginx-1.9.12/sbin 找到nginx的启动程序。
nginx -c ../nginx-1.9.12/conf/nginx.conf 启动nginx程序,并指定配置文件。
3.如果要替换包,则直接替换就行,nginx为热加载自动更新的。但是以防有缓存之类的存在,可以使用nginx -s reload命令进行重载一次。
追加 一 :
如果前端包的构造如下图
则location配置依然如下图
但是访问地址则需要指定到具体的html文件上。。
绑定: http://127.0.0.1:48110/binding.html
成功: http://127.0.0.1:48110/success.html
失败: http://127.0.0.1:48110/error.html
追加 二:
同一个端口部署多个页面:
一个server下,多个 location。
location的作用就是是否有后缀,并且这个后缀会去拼接root后的地址。
比如第二个location /sis/。
则在访问127.0.0.1:8080/sis时,会去自动寻找/apps/svr/nginx-1.9.12/pagefile/0921/sis这个包。 (Ps:location后的地址一定要用 / 关闭,比如 location /sis/,不然访问127.0.0.1:8080/sis时,会报错,只有用127.0.0.1:8080/sis/才行。)
这样就部署好了一个 端口支持多个页面。
以上是关于nginx部署前端纯页面的主要内容,如果未能解决你的问题,请参考以下文章
服务器部署—若依vue如何部署到nginx里面?nginx刷新页面404怎么办?完美解决建议收藏