nginx 简单配置:

b. nginx 配置详解:

跳转: https://blog.csdn.net/sheep_fur/article/details/148034942?spm=1011.2415.3001.5331

ⅰ. http 块

这里我一般只配置个 gzip

原因: 当图片资源多时 会导致加载缓慢

解决: 使用gzip 压缩资源 可以减少加载耗时

▼
xml
复制代码
http{
    gzip on   #开启gzip
    .....其他配置
}

ⅱ. sever 块

1. 作用

定义一个虚拟机 可以在支持多个域名

2. listen

指定nginx要监听的端口 就是浏览器访问哪个端口可以到 nginx 上面

3. server_name

指定服务器的名称 localhost 或者 你的域名

4. root(可选)

指定网页文件的根目录在哪 后面跟你的前端dist文件的路径

(可选) 可以在location里面详细指定 也可以在server块全局指定

5. index(可选)

指定默认的首页文件 一般都是 index.html

（可选) 可以在location里面详细指定 也可以在server块全局指定

6. 配好后的server 效果

这一part配好后应该是这样:

▼
xml
复制代码
server{
    listen 8083
    server_name localhost(或者是你的域名 xx.xx.xx.xx)
    root /路径/路径/dist  (可选)
    index index.html      (可选)
}

ⅲ. location 块

1. 作用

实现URL 到 文件系统的映射 可以根据URL 来匹配相应的配置

2. location 后面的 /

▼
xml
复制代码
location /{
    ......剩余配置
}
eg: 
比如不管是 localhost:8083/xxxxx/xxxx/xxxx
还是localhost:8083/xxxxx/xxxx/xxxx/xxx/xxxx 都会走这个路径

/ 表示: 只要是/开头的 路径从端口号起后面的所有URL 都会被配到这个 location 上面

3. root

可以进一步指定该location下的文件路径

4. index

指定该location下的首页文件 index.html

5. proxy_pass 反向代理

指定反向代理的转发方向 后面跟后端接口的地址

反向代理: 不知道后端服务器的存在 如发给前端服务器的请求被反向代理到后端服务器后端的端口

正向代理: 知道后端服务器的存在 如用魔法 将给服务器的消息由代理服务器转发

▼
xml
复制代码
location /api {
        proxy_pass 你的后端地址
        #这里还有一些其他的配置 很简单
        proxy_redirect default;
        proxy_http_version 1.1;
        proxy_connect_timeout 60s;
        proxy_send_timeout 60s;
        proxy_read_timeout 90s;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;   
}

6. try_files (解决nginx 路由匹配不到)

问题: 当部署路由项目时 跳转时会出现找不到路由页面的情况

try_files 尝试匹配文件目录 \

try_files 后面跟 $uri $uri/ /index.html; 匹配不到跳转到 /index.html

也可以 $uri $uri/ = 404 匹配不到返回404

7. 配好后的 location 效果

▼
xml
复制代码
location /{
    root 你的资源路径;
    index index.html;

    #如果解决路由访问问题
    #try_files  $uri $uri/ /index.html;
}

location /api{
        proxy_pass 你的后端地址;        
        #这里还有一些其他的配置 很简单
        proxy_redirect default;
        proxy_http_version 1.1;
        proxy_connect_timeout 60s;
        proxy_send_timeout 60s;
        proxy_read_timeout 90s;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;   
}