Nginx搭建前端静态服务器+文件服务器
off999 2025-01-01 22:17 41 浏览 0 评论
一、Nginx的虚拟主机介绍
大家可能被虚拟主机不太了解,那我们的解释一下,虚拟主机指在一台物理主机服务器上划分出多个磁盘空间,每个磁盘空间都是一个虚拟主机,每台虚拟主机都可以对外提供Web服务,并且互不干扰。
就类似我们本地虚拟机,我们可以在window系统上面安装一个虚拟机,在虚拟机里面安装很多个系统。那这样的话我们就可以模拟很多个服务器。
Nginx虚拟主机配置, 我们可以在一台机器上面配置很多个虚拟主机配置多个域名。那这样的话我们就可以靠虚拟主机转发到不同的应用,就不用每个系统都配置一个Nginx。
二、搭建前端静态服务器
前面我们讲解了很多基础知识以及我们这个环境的搭建,那我们现在就来开发我们第一个案例实操。
我们知道一个系统它有前端页面跟后端服务组成。这个就不像我们最开始学那个编码的时候,前端代码跟后端代码放在一起。这一种的话性能很低,完全支撑不了高并发访问。
现在公司基本都是前后端分离的架构。前端专门负责开发前端的页面,后端专门开发对应的后端接口。
后端部署的话一般都是集群部署,然后会增加对应的缓存跟消息队列,提高接口的一个性能。
那前端这一块我们一般怎么去部署呢?
比如vue开发或者React开发的项目,我们一般会把前端代码单独放到一个文件服务器上面或者购买CDN服务,用户访问前端代码,前端代码会发起异步请求我们后端的接口,然后渲染数据最终通过浏览展示出来。
这个跟下面的图也是一样的,我们可以用Nginx做一个文件服务器,用户访问Nginx去找对应的HTML代码返回给浏览器,再请求后端接口拿数据在浏览器上渲染出来。
那Nginx怎么配置静态代码服务器呢?跟着步骤即可,我们编辑/usr/local/nginx/conf/nginx.conf文件。
找到server虚拟主机节点,配置下静态html文件路径,root可以是相对路径,也可以是绝对路径,我们这边使用nginx 里面的html文件夹,index 配置表示会根据html文件路径去找默认的首页文件,先找index.html
如果找不到就找index.htm
server {
listen 80;
server_name aabbccdd.com; # 本地虚拟主机的配置域名
location / {
root /usr/local/nginx/html; #相对路径或者绝对路径都可以
index xdclass.html;
}
}为了方便验证,我们需要准备对应的前端代码,直接修改/usr/local/nginx/html/index.html里面的代码,修改完保存, 然后重启我们的Nginx即可验证
访问我们配置好的本地域名解析,aabbccdd.com 就可以访问到静态代码文件,包括如果你使用vue或者react 开发的前端代码,也可以按照这种方式进行一个配置。
三、Nginx搭建文件服务器
在讲我们搭建文件服务器之前,我们一般开发一个系统,肯定会涉及到一个文件的上传好比用户的头像, 或者PDF文件,那这些东西我们应该存储到哪里呢?
以前学项目的时候,基本就是把图片传到项目本身里面, 如果文件数量少的话还可以接受。
那如果图片的数量有几万几十万到几百万个,那这个缺点很明显,用Tomcat返回对应的文件,那这个肯定很占用的内存资源、带宽资源以及并发量,基本很少公司会这样做,公司基本就是使用文件服务器或者云厂商提供的CDN。
那这一个文件服务器是怎么操作的流程呢?前端用户上传文件到我们的后端服务器,后端服务器存储临时文件,然后再把文件传到我们的文件服务器,拼装好访问的文件访问URL,再把我们这个URL存储到对应的数据库,最后把URL返回给咱们这个前端用户,这一个就是完整的文件上传的流程。
这样的好处很明显,后续用户访问对应的文件的时候不用经过我们的后端接口,直接访问单独的文件服务器。
我们后端的接口更适合于处理业务逻辑,合适的功能做合适的事情。
那使用Nginx怎么去搭建我们这个图片服务器呢?操作步骤很简单,我们只要找到在nginx.conf配置文件到虚拟主机,然后根据location做个路径的映射就可以。
server {
listen 80;
server_name aabbccdd.com;
location /app/img {
alias /usr/local/software/img/;
}
}上面这个配置的意思就是用户访问 aabbccdd.com/app/img/ ,命中我们配置的location路径,Nginx就会根据对应的文件名称,去这个/usr/local/software/img/文件夹下面找一下对应的文件返回给用户。
这个alias相当于取了一个别名,把用户访问的资源路径映射到我们这个配置的文件夹下面。
为了方便测试,我们直接在这个文件夹上面上传几个图片和文本,上传上去之后,我们重启我们的Nginx了。
我们就可以通过我浏览器访问对应的资源路径,Nginx就会根据路径找对应的文件返回给我们。
本篇小结
- 掌握什么是虚拟主机映射
- 掌握怎么使用nginx搭建前端静态服务器
- 掌握怎么使用nginx搭建文件服务器
- 上一篇:如何解决Nginx服务器,启动成功,访问无效
- 下一篇:Nginx配置性能优化
相关推荐
- 安全教育登录入口平台(安全教育登录入口平台官网)
-
122交通安全教育怎么登录:122交通网的注册方法是首先登录网址http://www.122.cn/,接着打开网页后,点击右上角的“个人登录”;其次进入邮箱注册,然后进入到注册页面,输入相关信息即可完...
- 大鱼吃小鱼经典版(大鱼吃小鱼经典版(经典版)官方版)
-
大鱼吃小鱼小鱼吃虾是于谦跟郭麒麟的《我的棒儿呢?》郭德纲说于思洋郭麒麟作诗的相声,最后郭麒麟做了一首,师傅躺在师母身上大鱼吃小鱼小鱼吃虾虾吃水水落石出师傅压师娘师娘压床床压地地动山摇。...
-
- 哪个软件可以免费pdf转ppt(免费的pdf转ppt软件哪个好)
-
要想将ppt免费转换为pdf的话,我们建议大家可以下一个那个wps,如果你是会员的话,可以注册为会员,这样的话,在wps里面的话,就可以免费将ppt呢转换为pdfpdf之后呢,我们就可以直接使用,不需要去直接不需要去另外保存,为什么格式转...
-
2026-02-04 09:03 off999
- 电信宽带测速官网入口(电信宽带测速官网入口app)
-
这个网站看看http://www.swok.cn/pcindex.jsp1.登录中国电信网上营业厅,宽带光纤,贴心服务,宽带测速2.下载第三方软件,如360等。进行在线测速进行宽带测速时,尽...
- 植物大战僵尸95版手机下载(植物大战僵尸95 版下载)
-
1可以在应用商店或者游戏平台上下载植物大战僵尸95版手机游戏。2下载教程:打开应用商店或者游戏平台,搜索“植物大战僵尸95版”,找到游戏后点击下载按钮,等待下载完成即可安装并开始游戏。3注意:确...
- 免费下载ppt成品的网站(ppt成品免费下载的网站有哪些)
-
1、Chuangkit(chuangkit.com)直达地址:chuangkit.com2、Woodo幻灯片(woodo.cn)直达链接:woodo.cn3、OfficePlus(officeplu...
- 2025世界杯赛程表(2025世界杯在哪个国家)
-
2022年卡塔尔世界杯赛程公布,全部比赛在卡塔尔境内8座球场举行,2022年,决赛阶段球队全部确定。揭幕战于当地时间11月20日19时进行,由东道主卡塔尔对阵厄瓜多尔,决赛于当地时间12月18日...
- 下载搜狐视频电视剧(搜狐电视剧下载安装)
-
搜狐视频APP下载好的视频想要导出到手机相册里方法如下1、打开手机搜狐视频软件,进入搜狐视频后我们点击右上角的“查找”,找到自已喜欢的视频。2、在“浏览器页面搜索”窗口中,输入要下载的视频的名称,然后...
- 永久免费听歌网站(丫丫音乐网)
-
可以到《我爱音乐网》《好听音乐网》《一听音乐网》《YYMP3音乐网》还可以到《九天音乐网》永久免费听歌软件有酷狗音乐和天猫精灵,以前要跳舞经常要下载舞曲,我从QQ上找不到舞曲下载就从酷狗音乐上找,大多...
- 音乐格式转换mp3软件(音乐格式转换器免费版)
-
有两种方法:方法一在手机上操作:1、进入手机中的文件管理。2、在其中选择“音乐”,将显示出手机中的全部音乐。3、点击“全选”,选中所有音乐文件。4、点击屏幕右下方的省略号图标,在弹出菜单中选择“...
- 电子书txt下载(免费的最全的小说阅读器)
-
1.Z-library里面收录了近千万本电子书籍,需求量大。2.苦瓜书盘没有广告,不需要账号注册,使用起来非常简单,直接搜索预览下载即可。3.鸠摩搜书整体风格简洁清晰,书籍资源丰富。4.亚马逊图书书籍...
- 最好免费观看高清电影(播放免费的最好看的电影)
-
在目前的网上选择中,IMDb(互联网电影数据库)被认为是最全的电影网站之一。这个网站提供了各种类型的电影和电视节目的海量信息,包括剧情介绍、演员表、评价、评论等。其还提供了有关电影制作背后的详细信息,...
- 孤单枪手2简体中文版(孤单枪手2简体中文版官方下载)
-
要将《孤胆枪手2》游戏的征兵秘籍切换为中文,您可以按照以下步骤进行操作:首先,打开游戏设置选项,通常可以在游戏主菜单或游戏内部找到。然后,寻找语言选项或界面选项,点击进入。在语言选项中,选择中文作为游...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- python计时 (73)
- python安装路径 (56)
- python类型转换 (93)
- python进度条 (67)
- python吧 (67)
- python的for循环 (65)
- python格式化字符串 (61)
- python静态方法 (57)
- python列表切片 (59)
- python面向对象编程 (60)
- python 代码加密 (65)
- python串口编程 (77)
- python封装 (57)
- python写入txt (66)
- python读取文件夹下所有文件 (59)
- python操作mysql数据库 (66)
- python获取列表的长度 (64)
- python接口 (63)
- python调用函数 (57)
- python多态 (60)
- python匿名函数 (59)
- python打印九九乘法表 (65)
- python赋值 (62)
- python异常 (69)
- python元祖 (57)
