nginx配置访问vue history模式

2020-01-02 本文已影响0人 gis杭州

问题来源：
采用vue的histroy模式写的页面，在对特定路由下的页面刷新时（eg：ip:port/testPage)，直接报404无法找到页面

此时需要对后端nginx进行相应的配置，并重启nginx服务器：

1 找到nginx 配置文件

/usr/local/nginx/conf

image.png

2、对内容编辑，在location中添加以下内容

location / {
  try_files $uri $uri/ /index.html;
}

image.png

3、配置完成后重启nginx服务器

cd /usr/local/nginx/sbin
./nginx -s reload

image.png

4、刷新访问路由页面正常

end