NGINX本地目录映射,实现本地文件http预览

Posted 云中志

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了NGINX本地目录映射,实现本地文件http预览相关的知识,希望对你有一定的参考价值。

今天推送给一个小的知识点,感觉在日常开发中可能比较有用:nginx本地目录映射。如果遇到类似需求的时候。各位小伙伴可以参考。

window

首先我增加了一个location节点增加如下配置:

location /images/ {
root /;
rewrite ^/images/(.*)$ \Users\Administrator\Pictures\wallhave\$1 break;
}

我的nginx安装目录:

D:\software\server\nginx-1.17.9

根据我的试验,得出一下结论:

  • windows环境下,\指的就是当前安装磁盘的根目录

  • D:\Users\Administrator\Pictures\wallhave\

    如果我要访问这个目录下的图片(图片名wallhaven-y8m9ox.png),那我的请求链接是这样的:

    http://localhost:80/images/wallhaven-y8m9ox.png

    访问效果如下:

nginx完整配置如下:

#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 /images/ {
root /;
rewrite ^/images/(.*)$ \Users\Administrator\Pictures\wallhave\$1 break;
}

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

location /wx {
proxy_pass http://127.0.0.1:8081;
}

#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;
}

}

}
- END -


以上是关于NGINX本地目录映射,实现本地文件http预览的主要内容,如果未能解决你的问题,请参考以下文章

windows下docker安装nginx

Nginx常用配置

nginx实现动静分离

将samba共享目录映射为本地文件夹

vue 项目打包 本地预览

input 文件上传实现本地预览