Nginx之Windows下Nginx下带有https的图片路径搭建

周杰伦本人

发布于 2023-10-12 14:40:38

4310

发布于 2023-10-12 14:40:38

Windows下Nginx下带有https的图片路径搭建

今天玩个高端的由于生产环境的图片地址 https://www.cginx.com/images/20190423094936_885186.jpg 是这个我在本地环境的项目无法显示图片于是想着在windows环境下搭建个Nginx 来显示图片

1.Windows实现nginx作为图片服务器

关键配置：

	#浏览器打开路径：localhost:8089(listen端口）/location设置的路径/图片名字.后缀
   	location ~ /images/.*\.(gif|jpg|jpeg|png)$ {
   	#图片保存在电脑的地址
   	root  D:/files/new/cityZone;
   	}

location 表示访问路径 root 表示 ~代表的实际路径我是这么认为的。。。

参考博客 https://blog.csdn.net/weixin_39220472/article/details/80330972

然后重新加载配置文件就ojbk了然而发现都是默认http开头的就想着怎么把http变成https

2.http变成https

具体步骤： 1.安装Openssl http://slproweb.com/products/Win32OpenSSL.html 2.安装ActivePerl （此软件目的为了解析pl文件） 3. 配置环境变量

在环境变量中添加环境变量　　　　变量名： OPENSSL_HOME 　　　　变量值：C:\wnmp\OpenSSL-Win64\bin; （变量值为openssl安装位置）　　　　在path变量结尾添加如下： %OPENSSL_HOME%; 4. 生成证书

（1）首先在 nginx安装目录中创建ssl文件夹用于存放证书。比如我的文件目录为 C:\wnmp\nginx\ssl

以管理员身份进入命令行模式，进入ssl文件夹。命令为： cd c:/wnmp/nginx/ssl

（2）创建私钥

在命令行中执行命令： openssl genrsa -des3 -out lee.key 1024（lee文件名可以自定义），输入密码后，再次重复输入确认密码。记住此密码，后面会用到。

（3）创建csr证书

在命令行中执行命令： openssl req -new -key lee.key -out lee.csr（key文件为刚才生成的文件，lee为自定义文件名）　　　　　执行上述命令后，需要输入信息。输入的信息中最重要的为 Common Name，这里输入的域名即为我们要使用https访问的域名。我这里输入 www.cginx.com （4）去除密码。

在加载SSL支持的Nginx并使用上述私钥时除去必须的口令，否则会在启动nginx的时候需要输入密码。

复制lee.key并重命名为lee.key.org

可以使用此命令行，也可以使用鼠标操作 copy lee.key lee.key.org

去除口令，在命令行中执行此命令： openssl rsa -in lee.key.org -out lee.key（lee为自定义文件名）

如下图所示，此命令需要输入刚才设置的密码。（5）生成crt证书

在命令行中执行此命令： openssl x509 -req -days 365 -in lee.csr -signkey lee.key -out lee.crt（lee为自定义文件名）证书生成完毕，ssl文件夹中一共生成如下4个文件，我们需要使用到的是lee.crt和lee.key。

5. 修改nginx.conf文件 主要是listen 443 ssl; 这一段位置的配置文件原来的注释掉了我们放开注释然后改改

这里贴出我的nginx.conf完整配置文件

#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;

    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';

    #access_log  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;

    server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   html;
            index  index.html index.htm;
        }

        #浏览器打开路径：localhost:8089(listen端口）/location设置的路径/图片名字.后缀
		location ~ /images/.*\.(gif|jpg|jpeg|png)$ {
		#图片保存在电脑的地址
		root  D:/files/new/cityZone;
		}
        #location /images/ {
        #     alias D:/images/;
        #     autoindex on;
        #}


        #error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

        # proxy the PHP scripts to Apache listening on 127.0.0.1:80
        #
        #location ~ \.php$ {
        #    proxy_pass   http://127.0.0.1;
        #}

        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
        #
        #location ~ \.php$ {
        #    root           html;
        #    fastcgi_pass   127.0.0.1:9000;
        #    fastcgi_index  index.php;
        #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
        #    include        fastcgi_params;
        #}

        # deny access to .htaccess files, if Apache's document root
        # concurs with nginx's one
        #
        #location ~ /\.ht {
        #    deny  all;
        #}
    }


    # another virtual host using mix of IP-, name-, and port-based configuration
    #
    #server {
    #    listen       8000;
    #    listen       somename:8080;
    #    server_name  somename  alias  another.alias;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}


    # HTTPS server
    #
    server {
        listen       443 ssl;
        server_name    www.cginx.com;
    
        ssl_certificate      D://soft//nginx-1.8.0//ssl//lee.crt;
        ssl_certificate_key  D://soft//nginx-1.8.0//ssl//lee.key;
    
        #ssl_session_cache    shared:SSL:1m;
        #ssl_session_timeout  5m;
    
        ssl_ciphers  HIGH:!aNULL:!MD5;
        ssl_prefer_server_ciphers  on;
    
        location / {
            root   html;
            index  index.html index.htm index.php;
        }
		location ~ /images/.*\.(gif|jpg|jpeg|png)$ {
		#图片保存在电脑的地址
		root  D:/files/new/cityZone;
		}

    }
    
}

这里注意配置文件中秘钥的路径的写法。。反正我是这么写的其他写法好不好使我也母鸡

还有就是把hosts文件改一下： 127.0.0.1 www.cginx.com hosts文件的本质就是屏蔽掉一些网站没有改hosts之前www.cginx.com是可以访问的改了hosts后www.cginx.com就不能访问到了然后我们启动Nginx就可以访问磁盘中的图片了