美文网首页
项目nginx部署时,前端用history模式,在浏览器浏览,页

项目nginx部署时,前端用history模式,在浏览器浏览,页

作者: 小呆糊总 | 来源:发表于2020-08-10 11:27 被阅读0次

    项目nginx部署时,前端用history模式,在浏览器浏览,页面空白

    原因:vue项目,history模式下,后台nginx未进行相关配置.以下以项目名称shop为(nginx根目录下的shop文件夹下放的是项目)

    location /shop/ {
     root  /usr/share/nginx/html;
     index  /index.html index.htm;
     try_files  $uri  $uri/  /shop/index.html?$args;
    }
    

    项目nginx部署时,页面请求成功,但是页面一刷新,就报错

    原因:项目使用的vue的history模式,但是后端未做任何相关配置


    image.png

    解决方案:修改成了hash模式或者后端做配置

    项目nginx部署时,前端用hash模式(默认模式),浏览器浏览,页面初始化后,页面无数据,页面接口请求后台全部没响应

    原因:走的网关,可能网关被禁用了,导致接口全部报错,无响应

    相关文章

      网友评论

          本文标题:项目nginx部署时,前端用history模式,在浏览器浏览,页

          本文链接:https://www.haomeiwen.com/subject/mhidihtx.html