Nginx实现静态站点配置

拼搏现实的明天。 2022-05-23 08:11 333阅读 0赞

有时候，我们需要配置静态站点(即 html 文件和一堆静态资源)。

举例来说：如果所有的静态资源都放在了 C:/Users/wangcw/Desktop/apache-tomcat-7.0.61-1/webapps/product/views 目录下，我们只需要在 `nginx.conf` 中指定首页以及这个站点的 host 即可。

配置如下：

worker_processes  1;
    
    events {
        worker_connections  1024;
    }
    
    http {
        include       mime.types;
        default_type  application/octet-stream;
        sendfile        on;
        keepalive_timeout  65;
    
        gzip on;
        gzip_types text/plain application/x-javascript text/css application/xml text/javascript application/javascript image/jpeg image/gif image/png;
        gzip_vary on;
    
        server {
    		#监听80端口下的www.aabbccdd.com服务请求进行处理
            listen       80;
            server_name  www.aabbccdd.com;
    
            location / {
                root C:/Users/wangcw/Desktop/apache-tomcat-7.0.61-1/webapps/product/views;
                #默认请求转到root路径下的index.html页面。
    			index index.html;
               
            }
        }
    }

然后还需要配置域名解析：

hosts文件：

127.0.0.1       www.aabbccdd.com

**进行测试：**

**1.静态文件如下：**

**![20180605135523508][]**

**2.访问测试静默认请求是否跳转到root(**C:\\Users\\wangcw\\Desktop\\apache-tomcat-7.0.61-1\\webapps\\product\\views**)路径下的index.html；**

**访问http://www.aabbccdd.com/的结果如下：**

**![20180605135546253][]**

**3.测试访问root路径下的aaa.txt文件；**

**访问http://www.aabbccdd.com/js/aaa.txt的结果如下：**

![20180605135557928][]

** **

[20180605135523508]: /images/20220523/a3b8747498d74047acd610932a4bfc0e.png
[20180605135546253]: /images/20220523/c7a573739f014cfd8f4e02e962518441.png
[20180605135557928]: /images/20220523/492bee91f4b54d708580c4b03c5817b7.png