vue项目路由采用了history模式之后,布置上线后一定会遇到这个问题,页面刷新变成404了,重新返回首页又可以用了,好奇怪的问题,度娘了一下,我的天!

归根到底:还是vue单页面的原因,刷新之后没有当前页面了,当然404了,解决办法只能刷新跳转至首页,或指定页面!

好吧,那就调整吧,看网上发的教程,懵逼的很,很多都是修改服务器配置,然后发一堆代码,也不敢轻易尝试,太坑了。
下面是经过测试可行的方法:
1.路由关掉history模式,依旧采用hash模式,就是链接中带#号的方式;
2.配置服务器重写规则
nginx:

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

Apache:

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

保存之后,刷新页面就发现页面和接口都恢复正常了!vue对于新手还真是一步一坑,继续加油!

版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。