nginx反向代理静态资源404问题

简介

在前后端分离的项目中通过nginx映射前端的html静态资源出现404，是由于配置静态路径有两种方式

方式1

Sets the root directory for requests. For example, with the following configuration
location /i/ {
    root /data/w3;
}
The /data/w3/i/top.gif file will be sent in response to the “/i/top.gif” request

当访问/i/top.gif时，root是去/data/w3/i/top.gif请求文件

方式2

Defines a replacement for the specified location. For example, with the following configuration
location /i/ {
    alias /data/w3/images/;
}
on request of “/i/top.gif”, the file /data/w3/images/top.gif will be sent.

alias是去/data/w3/images/top.gif获取文件

总结

由于采用方式1来配置静态资源导致实际映射的目录和访问的目录对不上导致404,后改制方式2后解决问题