服务器访问本机图片nginx配置

下面是Nginx的配置

然后是yml文件配置

后端返回给前端的数据直接返回这个地址就可以了

{
    "success": true,
    "code": "200",
    "msg": "操作成功",
    "data": [
        {
            "趋势": "https://120.26.98.185:8090/shanhaijing/data/up.png",
            "来电地区": "重庆",
            "来电量": 58
        },
        {
            "趋势": "https://120.26.98.185:8090/shanhaijing/data/up.png",
            "来电地区": "杭州",
            "来电量": 12
        },
        {
            "趋势": "https://120.26.98.185:8090/shanhaijing/data/up.png",
            "来电地区": "抚州",
            "来电量": 11
        },
        {
            "趋势": "https://120.26.98.185:8090/shanhaijing/data/down.png",
            "来电地区": "郑州",
            "来电量": 2
        }
    ]
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

这样前端就能直接访问到服务器本机上的图片了

其中最主要的是nginx的配置需要与图片的所在的目录相对应
nginx配置

  location / {
        root   /usr/local/src/nginx/html/maquehaishiju;
        index  index.html index.htm;
    }

1
2
3
4
5

图片所在位置

/usr/local/src/nginx/html/maquehaishiju/shanhaijing/data/hot.png
/usr/local/src/nginx/html/maquehaishiju/shanhaijing/data/up.png
1
2

返回给前端的图片地址

 "趋势": "https://120.26.98.185:8090/shanhaijing/data/up.png"
 "趋势": "https://120.26.98.185:8090/shanhaijing/data/down.png"
1
2

当前端访问趋势的路径
https://120.26.98.185:8090/shanhaijing/data/up.png时，
nginx配置 location /，会把root的目录添加的到路劲里面
变成

https://120.26.98.185:8090//usr/local/src/nginx/html/maquehaishiju/shanhaijing/data/up.png
1

这样就变成我们在服务器中的本地地址了，前端能正常访问图片了