美文网首页
nginx配置访问vue history模式

nginx配置访问vue history模式

作者: gis杭州 | 来源:发表于2020-01-02 16:36 被阅读0次

    问题来源:
    采用vue的histroy模式写的页面,在对特定路由下的页面刷新时(eg:ip:port/testPage),直接报404无法找到页面

    此时需要对后端nginx进行相应的配置,并重启nginx服务器:

    1 找到nginx 配置文件

    /usr/local/nginx/conf
    
    image.png

    2、对内容编辑,在location中添加以下内容

    location / {
      try_files $uri $uri/ /index.html;
    }
    
    image.png

    3、配置完成后重启nginx服务器

    cd /usr/local/nginx/sbin
    ./nginx -s reload
    
    image.png

    4、刷新访问路由页面正常

    end

    参考:vue官网文档关于HTML5 History 模式后端配置的说明
    ](https://router.vuejs.org/zh/guide/essentials/history-mode.html#%E5%90%8E%E7%AB%AF%E9%85%8D%E7%BD%AE%E4%BE%8B%E5%AD%90)

    相关文章

      网友评论

          本文标题:nginx配置访问vue history模式

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