自学内容网 自学内容网

nginx问题解决-部署vue单页面应用报404

一.问题背景

  • 问题现象: nginx作为Web服务器时,单页面应用会出现404Not Found错误。
  • 产生原因:单页应用通常使用前端路由来处理页面跳转,而nginx默认只会处理静态文件的请求,对于前端路由的请求会返回404错误。

二.解决方案

server {
    listen 80;
    server_name 域名;

    root 单页应用的根目录;

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

try_files指令会依次尝试查找请求的文件,如果找不到则将请求转发给index.html进行处理

三.应用场景

  • 使用nginx作为Web服务器,并且使用前端路由的单页应用
  • 前端框架如Vue.js、React


原文地址:https://blog.csdn.net/weixin_42369687/article/details/142778233

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!