vue history路由模式 打包后 打开页面空白 404的解决办法
当使用这种历史模式时,URL 会看起来很 "正常",例如 https://example.com/user/id。
不过,问题来了。由于我们的应用是一个单页的客户端应用,如果没有适当的服务器配置,用户在浏览器中直接访问 https://example.com/user/id,就会得到一个 404 错误。
不用担心:如果 URL 不匹配任何静态资源,它应提供与你的应用程序中的 index.html 相同的页面。
nginx配置try_files核心:
下方的html是个静态文件放的目录
location / {
root html;
try_files $uri $uri/ /index.html;
index index.html index.htm;
}
"h5" : {
"router" : {
"mode" : "history"
},
base不用配置默认值是 /,如果改成 ./路由会变成hash模式