在配置vue项目到nginx中所遇到的问题,当配置多个location时,如果使用下面的配置,将会报404
location / {
root /data/html/;
index index.html index.html;
}
location /shop {
root /opt/nginx/shop/dist;
index index.html index.html;
}
但是,使用以下配置可以正常访问
location / {
root /data/html/;
index index.html index.html;
}
location /shop {
alias /opt/nginx/shop/dist;
index index.html index.html;
}
原因在于root指定目录和alias指定目录的区别
关于root和alias的区别可见Nginx 的root和 alias