Nginx 部署Vue项目后，走链接跳转页面可以，手动刷新404请求url也改变了

Question

Nginx 部署Vue项目后，走链接跳转页面可以整获取数据，详情请求信息如下

网页url路径如下

然后在该页面手动F5刷新，nginx 显示 404，经查询nginx配置如下后，解决404问题，但是页面一篇空白

而且请求数据变成了如下格式

以上是所有相关问题的描述，新手学习中，有知道是怎么回事的还请讲解一下，谢谢

Answer 1

1. 内部链接走 pushState，大部分不发起新请求，所以也不会遭遇 404
2. nginx 需要把所有未命中请求定位到 /index.html，由 /index.html 处理，即 try_files 的部分
3. 空白的原因可能有很多，你可以先看下 index.html 和 js 有没有正常加载。按我以前的经验，此时比较大的可能是组件里有错误，但是编译后，Vue 把隐蔽了。可以试试全局 errorHandler 或者 Vue Devtools