使用nginx部署网站

2024-10-11 6

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 使用nginx部署网站

前面的话
　　如果服务器只需要放置一个网站程序，解析网站到服务器的网站，网站程序监听80端口就可以了。如果服务器有很多应用，借助nginx不仅可以实现端口的代理，还可以实现负载均衡。本文将详细介绍前端及nodeJS项目在服务器配置时需要用到的nginx配置

安装
【卸载nginx】

　　在介绍如何安装nginx之前，先要介绍如何卸载nginx。因为nginx不正确的安装，导致无法正常运行，所以需要卸载nginx

sudo apt-get remove nginx nginx-common # 卸载删除除了配置文件以外的所有文件
sudo apt-get purge nginx nginx-common # 卸载所有东东，包括删除配置文件
sudo apt-get autoremove # 在上面命令结束后执行，主要是卸载删除Nginx的不再被使用的依赖包
sudo apt-get remove nginx-full nginx-common #卸载删除两个主要的包
【安装nginx】

　　首先，更新包列表

sudo apt-get update
　　然后，一定要在sudo下安装nginx

sudo apt-get install nginx

主机配置
【端口配置】

复制代码
listen 127.0.0.1:8000;
listen *:8000;
listen localhost:8000;

IPV6

listen [::]:8000;

other params

listen 443 default_serer ssl;
listen 127.0.0.1 default_server accept_filter=dataready backlog=1024
复制代码
【主机名配置】

server_name www.xiaohuochai.com xiaohuochai.com
server_name *.xiaohuochai.com
server_name ~^.xiaohuochai.com$

路径配置
【location】

　　nginx使用location指令来实现URI匹配

复制代码
location = / {

# 完全匹配  =
# 大小写敏感 ~
# 忽略大小写 ~*

}
location ^~ /images/ {

# 前半部分匹配 ^~
# 可以使用正则，如：
# location ~* \.(gif|jpg|png)$ { }

}
location / {

# 如果以上都未匹配，会进入这里

}
复制代码
【根目录设置】

location / {
root /home/test/;
}
【别名设置】

复制代码
location /blog {
alias /home/www/blog/;
}
location ~ ^/blog/(\d+)/([\w-]+)$ {

# /blog/20180402/article-name  
# -> /blog/20180402-article-name.md
alias /home/www/blog/$1-$2.md;

}
复制代码
【首页设置】

index /html/index.html /php/index.php;
【重定向页面设置】

复制代码
error_page 404 /404.html;
error_page 502 503 /50x.html;
error_page 404 =200 /1x1.gif;

location / {
error_page 404 @fallback;
}
location @fallback {

# 将请求反向代理到上游服务器处理
proxy_pass http://localhost:9000;

}
复制代码
【try_files 设置】

复制代码
try_files $uri $uri.html $uri/index.html @other;
location @other {

# 尝试寻找匹配 uri 的文件，失败了就会转到上游处理
proxy_pass  http://localhost:9000;

}
location / {

# 尝试寻找匹配 uri 的文件，没找到直接返回 502
try_files $uri $uri.html =502;

}
复制代码

反向代理
　　代理分为正向和反向代理，正向代理代理的对象是客户端，反向代理代理的对象是服务端

　　反向代理（reserve proxy）方式是指用代理服务器来接受 Internet 上的连接请求，然后将请求转发给内部网络中的上游服务器，并将上游服务器上得到的结果返回给 Internet 上请求连接的客户端，此时代理服务器对外的表现就是一个 Web 服务器

【负载均衡设置】

　　upstream，定义一个上游服务器集群

复制代码
upstream backend {

# ip_hash;
server s1.barretlee.com;
server s2.barretlee.com;

}
server {
location / {
proxy_pass http://backend;
}
}
复制代码
【反向代理设置】

　　proxy_pass 将请求转发到有处理能力的端上，默认不会转发请求中的 Host 头部

复制代码
location /blog {
prox_pass http://localhost:9000;

### 下面都是次要关注项
proxy_set_header Host $host;
proxy_method POST;
# 指定不转发的头部字段
proxy_hide_header Cache-Control;
proxy_hide_header Other-Header;
# 指定转发的头部字段
proxy_pass_header Server-IP;
proxy_pass_header Server-Name;
# 是否转发包体
proxy_pass_request_body on | off;
# 是否转发头部
proxy_pass_request_headers on | off;
# 显形/隐形 URI，上游发生重定向时，Nginx 是否同步更改 uri
proxy_redirect on | off;

}
复制代码

HTTPS配置
复制代码
server{
listen 80;
server_name api.xiaohuochai.cc;
return 301 https://api.xiaohuochai.cc$request_uri;
}
server{
listen 443;
server_name api.xiaohuochai.cc;
ssl on;
ssl_certificate /home/www/blog/crt/api.xiaohuochai.cc.crt;
ssl_certificate_key /home/www/blog/crt/api.xiaohuochai.cc.key;
ssl_session_timeout 5m;
ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
ssl_prefer_server_ciphers on;
if ($ssl_protocol = "") {
rewrite ^(.*)https://$host$1 permanent;
}

}
复制代码
【HTTP2】

　　开启HTTP2服务非常简单，只需要在端口443后面添加http2即可

server{
listen 443 http2;
...
}

gzip配置
　　开启网站的 gzip 压缩功能，通常可以高达70%，也就是说，如果网页有30K，压缩之后就变成9K，对于大部分网站，显然可以明显提高浏览速度

　　gzip配置在nginx.conf文件中已经存在，只不过默认是注释的状态，只需将注释符号去掉即可

复制代码

##
# Gzip Settings
##

gzip on;
gzip_disable "msie6";
gzip_vary on;
gzip_proxied any;
gzip_comp_level 6;
gzip_buffers 16 8k;
gzip_http_version 1.1;
gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;

复制代码

缓存配置

　　如果服务器中存在静态资源，可设置本地强缓存。expires 7d表示在本地缓存7天

location / {
expires 7d;
...
}
　　设置完成后，浏览器会自动添加expires和cache-control字段

　　而对于协商缓存Etag和Last-Modified，nginx默认开启，无需配置

CSP配置
　　跨域脚本攻击 XSS 是最常见、危害最大的网页安全漏洞。为了防止它们，要采取很多编程措施，非常麻烦。很多人提出，能不能根本上解决问题，浏览器自动禁止外部注入恶意脚本？这就是"网页安全政策"（Content Security Policy，缩写 CSP）的来历

　　CSP 的实质就是白名单制度，开发者明确告诉客户端，哪些外部资源可以加载和执行，等同于提供白名单。它的实现和执行全部由浏览器完成，开发者只需提供配置

　　目前，CSP有如下指令

复制代码
指令指令值示例说明
default-src 'self' cnd.a.com 定义针对所有类型（js、image、css、web font，ajax 请求，iframe，多媒体等）资源的默认加载策略，某类型资源如果没有单独定义策略，就使用默认的。
script-src 'self' js.a.com 定义针对 JavaScript 的加载策略。
style-src 'self' css.a.com 定义针对样式的加载策略。
img-src 'self' img.a.com 定义针对图片的加载策略。
connect-src 'self' 针对 Ajax、WebSocket 等请求的加载策略。不允许的情况下，浏览器会模拟一个状态为 400 的响应。
font-src font.a.com 针对 WebFont 的加载策略。
object-src 'self' 针对