小jinx
小jinx

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

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

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

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

下载一个nginx，打开nginx.conf进行配置。
nginx搭建一个简单的图片，文件服务器跨ip访问_第1张图片

添加如下代码

    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
nginx搭建一个简单的图片，文件服务器跨ip访问_第2张图片

浏览器输入文件链接地址，可以跨ip访问该文件链接。
比如：http://192.168.99.86:9880/alarm/1083741.jpg
nginx搭建一个简单的图片，文件服务器跨ip访问_第3张图片

你可能感兴趣的:(web前端,软件工具)