php - vue的路由/article，后端nginx也有/article路由,先通过router-link跳转，帮我看看怎么回事有链接?

Question

http://iapplus.com
进入页面点击article
然后刷新页面后就变成其他的页面了

Answer 1

盲猜是单页应用刷新页面后, /article 没有访问到主页面的静态资源, 而是匹配到了其他资源

你可以在浏览器开发工具的 Network 里打开 Preserve log, 然后查看刷新前和刷新后 /article 返回的响应内容是否一致, 如果不一致, 就是 nginx 之类的工具路径匹配不正确, 返回了错误的静态资源

nginx 的话, 增加 try_files 解决: nginx的try_files指令

Answer 2

大概是因为 nginx 里面的 /article 指向了另一个项目的，你应该把nginx里面的/article路由去掉。

然后如果你的vue用了history路由模式，应该在配置nginx的时候，使用 try_files 来配置。

location / {    root /path/to/html/;    try_files $uri $uri/ /index.html =404;}