nginx常见配置

环境:nginx1.16.0(编译部署) ubuntu20.04

前言:

nginx和httpd一样需要将项目文件放于其安装目录下 (配置文件目录) location部分默认配置的 ‘/‘ 即代表安装nginx的安装目录(配置文件目录)本文档即为**/usr/local/nginx/**目录

一. 将项目解压到nginx安装目录重命名为test

image-20231206200207045

二. 配置nginx(两种方式)

方式一

  • 此种需要动静分离 前端文件放nginx安装目录:**/usr/local/nginx/test目录**

    1
    2
    3
    4
    # 上传项目文件并解压到nginx配置文件目录/usr/local/nginx/test
    unzip -d test.zip /usr/local/nginx/test (tar则为tar -xvzf test.tar.gz -c /home/dir )
    # 此时将静态文件移动到目录/home/test
    mv /usr/local/nginx/test/{static,说明.txt} /home/test
  • 后端图片等静态文件放:**/home/test目录**

  • 空间足够也可以将两份文件放于同一位置目录省去麻烦

nginx配置文件(此种访问方式只需要: http://10.0.0.11:800即可)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
# -------------------------------------------------------------------------------
server {
listen 800;
charset utf-8;
#server_name localhost;
#charset koi8-r;
#access_log logs/host.access.log main;
# 前端文件路径(/代表 >> /usr/local/nginx)
location / {
#alias /home/test;
root test;
index index.html index.htm;
try_files $uri $uri/ index.html;
}
# 静态文件路径
location /test {
#alias /home/test;
alias /home/test;
# index index.html;
# try_files $uri $uri/ index.html;
}
# -------------------------------------------------------------------------------

效果:

image-20231206192446556

image-20231206191757036

方式二

  • 只需要配置此一步即可将项目文件解压到nginx配置目录重命名为test

    1
    2
    # 将项目文件解压到nginx配置目录
    unzip -d test.zip /usr/local/nginx/test
  • 写入下方配置即可

  • 简化配置

  • 静态与前端文件结合

nginx配置

  • 或是直接指定到nginx配置目录即可效果等同上方此时便不需要将静态图片等文件放入别的文件夹省去麻烦

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    # --------------------location /test {可选配置项------------------------

    # 静态文件路径
    location /test {
    #alias /home/test;
    alias /usr/local/nginx/test;
    #index index.html;
    #try_files $uri $uri/ index.html;
    }
    # --------------------------------------------------------------------

note: 此种配置动态静态文件放于同一个文件夹

  • 项目解压到nginx配置文件夹下 并重命名为test文件夹

  • 访问方式此种访问方式只需要访问:http://IP:800/test 即可

    image-20231206192841228

  • 或使用下方配置autoindex on;(可选)

    1
    2
    3
    4
    5
    6
    7
    8
    9
    # nginx配置        
    location /test {
    #alias /home/test;
    alias /usr/local/nginx/test;
    autoindex on;
    index index.html;
    try_files $uri $uri/ index.html;
    }
    # --------------------------------------------------------------------

配置:

NOTE: alias含义(也可改为root效果一样): 将静态文件访问路径重定向到服务器本机目录:**/home/test/ **此时浏览器只需要访问