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怎么办?完美解决建议收藏

nginx部署多个前后端项目

使用 Nginx Docker 镜像部署前端静态界面

项目nginx部署时,前端用history模式,在浏览器浏览,页面空白

Nginx部署前后端分离服务

nginx部署前端项目后刷新浏览器报错404