nginx搭建一个简单的图片,文件服务器跨ip访问

nginx搭建一个简单的图片,文件服务器跨ip访问

我们访问本地的文件,在window上比如C:/work/alarm/1083741.jpg路径表示的图片,直接在浏览器打开就可以。但是一个服务不能访问本地带盘符路径(就是C:/work这种格式)的图片或文件并通过浏览器将映射出去。这是因为浏览器设置了安全策略,不允许这样做。
可以考虑:
1,可以考虑配置相对路径,这样就不会带盘符。
2,用nginx搭建简单的图片,文件服务器。

一,nginx的nginx.conf文件中的配置

下载一个nginx,打开nginx.conf进行配置。
在这里插入图片描述

添加如下代码

    server {
        listen       9880;
        server_name  localhost;	
		location /alarm/ {
		root D:/work;
			autoindex on;
			add_header Access-Control-Allow-Origin *;
			add_header Access-Control-Allow-Headers X-Requested-With;
			add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
		}
    }  

9880 代表监听端口
location 表示端口后路径
root 是文件在图片服务器的根路径
所以最后访问访问的是 D:/work/alarm 文件夹中的文件
而访问文件的地址变成了 http://ip:9880/alarm/+文件名
可以把前端静态路径通过这样的nginx配置,实现服务功能。

二,本地和文件服务器地址对比

浏览器输入本地访问地址,浏览器会自动打开本地文件。
C:/work/alarm/1083741.jpg
在这里插入图片描述

浏览器输入文件链接地址,可以跨ip访问该文件链接。
比如:http://192.168.99.86:9880/alarm/1083741.jpg
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值