脚本之家

电脑版
提示:原网页已由神马搜索转码, 内容由www.jb51.net提供.
您的位置：首页→ 网站技巧→ 服务器→ nginx→ Nginx配置React项目Url输入路由路径时报404

Nginx配置React项目Url后直接输入路由路径时报404问题的解决

  更新时间：2017年11月03日 10:53:38  作者：xiaotuni 
这篇文章主要给大家介绍了关于Nginx配置React项目Url后面直接输入路由路径时报404问题的解决方法，文中通过示例代码将解决的方法介绍的非常详细，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧。

前言

如今react应用普遍，最近在配置react项目中遇到了一个问题，通过查找相关的资料终于找到了解决的方法，所以想着总结一下分享出来给有需要的朋友们，下面话不多说了，来一起看看详细的介绍吧。

发现问题

大家都知道，当我们写完项目后，要对项目进行部署，我的配置很简单

location /demo {
 root E:/;
 index index.html index.htm;
}

这样配置的有一个问题，只能 http://localhost/demo/来访问。

如果想访问里面的其它界面如 http://localhost/demo/page1的话，就报404找不到页面。

可我在开发的时候，确实没有问题，可以进行访问的，于就想难道必须得用node来项目吗？不会吧，也许是我自己不会配置所致。

解决方法

终于找到办法了，在其它人的nginx.config里发现多加了一行东西。

location /demo {
 root E:/;
 #加上了这个，就可以在url后面直接加路由上配置path了。
 try_files $uri /demo/index.html;
 index index.html index.htm;
}

致于为什么，不清楚，但是功能实现了。

在此标记一下，以备后需之用。

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。

相关文章

    • 基于Xen的VPS ubuntu+nginx+php安装教程
      跟踪vps已经很久了，但是因为需要特殊端口开服务，所以符合条件的多为Xen平台的vps。众多比较之后选择了vpslink在西雅图机房，速度还不错。
      2010-07-07
    • 修改Nginx配置返回指定content-type的方法
      nginx作为一个http服务器,在功能实现方面和性能方面都表现的非常优越,下面这篇文章主要给大家介绍了关于修改Nginx配置返回指定content-type的相关资料,需要的朋友可以参考下
      2022-09-09
    • nginx如何设置禁止访问PHP脚本
      禁止访问 PHP 脚本可以通过 Nginx 服务器配置中的多种方式来实现,这篇文章主要为大家整理了一些常见的方法,感兴趣的小伙伴可以参考下
      2023-09-09
    • Nginx之为已安装nginx动态添加模块的方法
      本篇文章主要介绍了Nginx之为已安装nginx动态添加模块的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
      2018-04-04
    • Nginx设置wordpress伪静态的方法示例
      伪静态是相对真实静态来讲的，通常我们为了增强搜索引擎的友好面，这篇文章主要介绍了Nginx设置wordpress伪静态的方法示例，非常具有实用价值，需要的朋友可以参考下
      2018-09-09
    • nginx下部署vue项目的方法步骤
      这篇文章主要介绍了nginx下部署vue项目的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
      2019-12-12
    • nginx 配置静态缓存及静态缓存文件没有生成的问题及解决方案
      这篇文章主要介绍了nginx 配置静态缓存及静态缓存文件没有生成的问题及解决方案,本文分步骤结合实例代码给大家介绍的非常详细,需要的朋友可以参考下
      2023-11-11
    • Nginx 禁止IP访问 只允许域名访问
      今天要在Nginx上设置禁止通过IP访问服务器，只能通过域名访问，这样做是为了避免别人把未备案的域名解析到自己的服务器IP而导致服务器被断网，从网络上搜到以下解决方案
      2016-09-09
    • nginx 匹配规则小总结(推荐)
      这篇文章主要介绍了nginx 匹配规则小总结及nginx配置proxy_pass路径带/问题，需要的朋友可以参考下
      2018-07-07
    • nginx访问动态接口报错404Not Found问题解决
      本文主要介绍了nginx访问动态接口报错404Not Found问题解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
      2023-03-03

    最新评论