Vue的单页面应用,使用nginx 配置页面后,刷新会出现404问题。
如果一个nginx里只有一个项目的话可以这样配置
location / {
root D:\myproject\;
index index.html index.htm;
try_files $uri $uri/ /index.html;
}
使用 try_files 进行处理。
但是如果nginx 里有多个项目用名称进行区分例如
location /A {
alias D:\myproject\A项目;
index index.html index.htm;
error_page 404 /A/index.html;
}(亲测有效)
或
location /B {
alias D:\myproject\B项目;
index index.html index.htm;
try_files $uri $uri/ /B/index.html;
}