nginx中配置vue项目
vue项目放置地址为:/data/unioncenter/webvue/unionindex/
root写法:此方式nginx会在root请求路径下加上location中的地址,形成新地址/data/unioncenter/webvue/unionindex/
try_files 会根据root中配置地址去查找文件,$url代表root中的地址,即/data/unioncenter/webvue/,所以try_files中要写成/unionindex/index.html。
location /unionindex {
root /data/unioncenter/webvue/;
try_files $uri $uri/ /unionindex/index.html;
index index.html index.htm;
}
alias写法:此方式nginx会直接进行alias请求路径下的地址,即/data/unioncenter/webvue/unionindex/
alias模式try_files配置上了,但是不好使,前端刷新依旧会报404,原因暂时未找着,求大佬们指教!!
location /unionindex {
alias /data/unioncenter/webvue/unionindex/;
try_files $uri $uri/ /index.html;
index index.html index.htm;
}