【问题标题】:Back button not working and error 404 on refresh后退按钮不起作用,刷新时出现错误 404
【发布时间】:2019-09-20 16:34:04
【问题描述】:

我在 netlify 上托管了我的 vue 应用程序。我有两个问题: 1)当我在浏览器或移动设备上按下后退按钮时,它不会返回,而是重新加载相同/当前页面。

2) 当我手动重新加载时,它给了我这个错误 =>“找不到页面 您似乎点击了一个损坏的链接或输入了该网站上不存在的 URL。”

我的 vue 路由器现在处于“历史”模式。

我希望后退按钮应该正常工作并且在手动刷新时,它应该加载用户现在所在的同一页面。

【问题讨论】:

    标签: vue.js netlify


    【解决方案1】:

    1)可能是你的代码有问题,如果它不能继续工作,请添加详细信息

    2) 你必须写一个重写规则:Rewrites and proxying

    阅读“HISTORY PUSHSTATE AND SINGLE PAGE APPS”,你要在public目录下创建一个文件“_redirects”并写入

    /* /index.html 200

    【讨论】:

    • 我不想重定向到特定页面,而是应该重定向到用户将刷新页面的当前页面
    • 这是服务器端的重定向。您的 vue 应用程序是一个 SPA,它使用客户端路由器:首先,您的服务器请求必须转到 index.html,然后 vue-router 根据真实链接转到您的实际页面。
    猜你喜欢
    • 1970-01-01
    • 2016-11-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-04-03
    • 1970-01-01
    • 2020-09-24
    • 1970-01-01
    相关资源
    最近更新 更多