程序员成长-修炼中心 「作者:陈楚城」
导航
博客文章
  • Github (opens new window)
  • 掘金 (opens new window)
组件库 (opens new window)
关于我

chamberlain

前端持续学习者
导航
博客文章
  • Github (opens new window)
  • 掘金 (opens new window)
组件库 (opens new window)
关于我
  • 写在前面
  • vue3学习总结

  • 项目相关

  • 性能优化

  • 你不知道的css

  • 常见问题总结记录

  • 数据结构与算法

  • 设计模式

  • TS & JS进阶

  • Node

  • HTTP

  • Linux

  • 开发工具篇

  • 收藏夹

  • OS

  • Nginx

    • nginx
    • nginx入门
      • ngnix快速入门
        • 正向代理:
        • 轮询
        • 动静分离
      • nginx的安装
        • 下载nginx
        • 启动
        • 配置监听
        • 关闭nginx
        • nginx常用命令
      • vue项目中如何使用nginx配置跨域‘
  • 项目工程化

  • 数据库

  • 计算机网络

  • 环境搭建、项目部署

  • 常用工具

  • 自动化

  • js相关

  • QA相关

  • 文章收藏

  • note
  • nginx
chamberlain
2022-03-30
目录

nginx入门

# ngnix快速入门

Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器,同时也提供了IMAP/POP3/SMTP服务

特点:

  • 并发能力强

  • 安装简单、配置文件简洁、bug非常少的服务

  • 启动容易、可以做到*不间断运行

  • 低内存消耗

    • 一般情况下 , 10000个非活跃的http keep-alive连接在Nginx中仅消耗2.5mb内存,这是nginx支持高并发链接的基础
    • 单机支持10w以上的并发连接:理论上 ,Nginx支持的并发链接上线取决于内存,10w远未封顶
  • 高可靠性

    • nginx的可靠性来源于其核心框架代码的优秀设计、模块设计的简单性

作用:

Http代理,反向代理:作为web服务器最常用的功能之一,尤其是方向代理

  • 静态资源服务,通过本地文件系统提供
  • 反向代理服务、负载均衡
  • API服务、权限控制、减少应用服务服务器压力

# 正向代理:

[ 代理客户端的请求,比如访问google, 需要借助vpn连接到香港的服务器,香港服务器请求回来数据,返回给浏览器]

image-20220330173142551

###反向代理:

【代理服务器端,是无感知的】

eg:访问了百度,其实百度服务器会有很多台,让他们处理完数据,再让其中期待服务器将数据返回给客户端

image-20220330173225385

Nginx提供的负载均衡策略有2种:内置策略和扩展策略。内置策略为轮询,加权轮询,Ip hash。扩展策略,就天马行空,只有你想不到的没有他做不到的。

# 轮询

image-20220330173325493

Nginx提供的负载均衡策略2种,内置策略和扩展策略。内置策略为论述,Ip hash,扩展策略,就天马星空,只有你想不到的没有他做不到的

加权轮询

  • 由于每一台服务器性能不同,将部分请求给性能较强的服务器处理,达到负载均衡的效果

image-20220330173341750

# 动静分离

动静分离,在我们的软件开发中,有些请求是需要后台处理的,有些请求是不需要经过后台处理的(如:css、html、jpg、js等等文件),这些就不需要经过后台处理的文件成为静态文件。让动态网站里面的动态网页根据一定规则把不便的资源和经常变的资源分开来,动静资源做好了拆分之后,我们就可以根据静态资源的特点将其做缓存操作,提高资源响应的速度

image-20220401100200377

目前,通过使用Nginx大大提高了我们网站的响应速度,优化了用户体验,让网站的健壮性更上一层楼

# nginx的安装

# 下载nginx

http://nginx.org/en/download.html 下载稳定版本。

下载后,直接解压就可以使用,在文件管理器中的地址栏输入cmd,然后输入:nginx.exe 即可启动nginx服务

# 启动

在浏览器端,输入:localhost:80

image-20220401100524935

# 配置监听

nginx的配置文件是conf目录下的nginx.conf,默认配置的nginx监听的端口为80,如果80端口被占用可以修改为未被占用的端口即可。

image-20220401100554462

当我们修改了nginx的配置文件nginx.conf 时,不需要关闭nginx后重新启动nginx,只需要执行命令 nginx -s reload 即可让改动生效

# 关闭nginx

如果使用cmd命令窗口启动nginx, 关闭cmd窗口是不能结束nginx进程的,可使用两种方法关闭nginx

(1)输入nginx命令 nginx -s stop(快速停止nginx) 或 nginx -s quit(完整有序的停止nginx)

(2)使用taskkill taskkill /f /t /im nginx.exe

taskkill是用来终止进程的,
/f是强制终止 .
/t终止指定的进程和任何由此启动的子进程。
/im示指定的进程名称 .
1
2
3
4

# nginx常用命令

cd /usr/local/nginx/sbin/
./nginx  启动
./nginx -s stop  停止
./nginx -s quit  安全退出
./nginx -s reload  重新加载配置文件
ps aux|grep nginx  查看nginx进程
1
2
3
4
5
6

启动成功访问 服务器ip:80

image-20220401100813333

注意:如何连接不上,检查阿里云安全组是否开放端口,或者服务器防火墙是否开放端口! 相关命令:

# 开启
service firewalld start
# 重启
service firewalld restart
# 关闭
service firewalld stop
# 查看防火墙规则
firewall-cmd --list-all
# 查询端口是否开放
firewall-cmd --query-port=8080/tcp
# 开放80端口
firewall-cmd --permanent --add-port=80/tcp
# 移除端口
firewall-cmd --permanent --remove-port=8080/tcp
#重启防火墙(修改配置后要重启防火墙)
firewall-cmd --reload
# 参数解释
1、firwall-cmd:是Linux提供的操作firewall的一个工具;
2、--permanent:表示设置为持久;
3、--add-port:标识添加的端口;
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

演示

upstream lb{
    server 127.0.0.1:8080 weight=1;
    server 127.0.0.1:8081 weight=1;
}
location / {
    proxy_pass http://lb;
}
1
2
3
4
5
6
7

# vue项目中如何使用nginx配置跨域‘

最近使用vue开发一个功能,npm run build之后打包的代码放在了http://a.com.cn (opens new window)下,但是PHP (opens new window)接口部署在了b.com下,那么问题来了,如何让后端接口支持跨域。有两种方法:

  1. 让后端在返回数据的时候设置下返回请求的header,这种方法比较不稳定,因为接口一旦多了就得改好多代码,而且每次出了问题还得去找后端开发改代码,很烦。
  2. 另一种方法是,自己配置nginx,首先ssh登录到部署接口所在的服务器,修改nginx配置,在http对象中加入两行代码:
http {
    // 需要加入的代码
  add_header Access-Control-Allow-Origin http://a.com.cn
  add_header Access-Control-Allow-Credentials true
  server {
    // b.com.cn的具体配置
  }
}
1
2
3
4
5
6
7
8

改完重启下nginx,然后在vue项目中,在导入axios的地方加如以下代码:

import axios from 'axios'
axios.defaults.withCredentials = true
1
2

然后测试 (opens new window),发现就可以跨域了。

更新时间: 4/18/2022, 6:41:20 PM
nginx
ci_cd

← nginx ci_cd→

最近更新
01
02
网站
06-10
03
nav
06-09
更多文章>
Theme by Vdoing | Copyright © 2019-2022 chamberlain | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式