[记录]解决vue项目当直接通过url访问中间页时nginx返回404的问题

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了[记录]解决vue项目当直接通过url访问中间页时nginx返回404的问题，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1195字，纯文字阅读大概需要2分钟。

内容图文

    应用为VUE单页应用，路由模式为history，web服务器为nginx，正常情况下如果直接通过url访问一个中间页（不是index.html）时，会看到nginx返回的404错误，这个问题目前我只能通过修改nginx站点配置文件来实现。

具体代码（只看红色加粗的部分就行）：

server
{
    listen 80;
    server_name ……;
    index index.php index.html index.htm default.php default.htm default.html;
    root /www/wwwroot/……;

# BEGIN 解决VUE在中间页刷新时出现404或500的问题 location / { try_files $uri $uri/ @router; #检测文件存在性重定向到首页目录 防止404 index index.html; } location @router { rewrite ^.*$ /index.html break; } # END 解决VUE在中间页刷新时出现404或500的问题

    #SSL-START SSL相关配置，请勿删除或修改下一行带注释的404规则
    #error_page 404/404.html;
    #SSL-END

    #ERROR-PAGE-START  错误页配置，可以注释、删除或修改
    #error_page 404 /404.html;
    #error_page 502 /502.html;
    #ERROR-PAGE-END

    #PHP-INFO-START  PHP引用配置，可以注释或修改
    include enable-php-00.conf;
    #PHP-INFO-END

    #REWRITE-START URL重写规则引用,修改后将导致面板设置的伪静态规则失效
    include /www/server/panel/vhost/rewrite/scope.athena.tentest.h024.cn.conf;
    #REWRITE-END

    #禁止访问的文件或目录
    location ~ ^/(\.user.ini|\.htaccess|\.git|\.svn|\.project|LICENSE|README.md)
    {
        return 404;
    }

    #something else………
}

内容总结

以上是互联网集市为您收集整理的[记录]解决vue项目当直接通过url访问中间页时nginx返回404的问题全部内容，希望文章能够帮你解决[记录]解决vue项目当直接通过url访问中间页时nginx返回404的问题所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---