如何解决React使用browserHistory项目访问404的问题-创新互联

这篇文章主要介绍了如何解决React使用browserHistory项目访问404的问题,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

专注于为中小企业提供成都网站建设、成都网站设计服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业利津免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了上1000+企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

最近项目里面用到了React但是发布到iis站点之后,路由地址 刷新访问直接404错误。查阅资料之后发现是iis缺少配置URL重写 的问题导致的。下面我们来图形化配置,简单的配置下IIS

打开IIS使用 Web平台安装程序

搜索 url 关键字,您会看到

如何解决React使用browserHistory项目访问404的问题 

直接安装

关掉IIS 重新打开IIS在站点右边的控制面板可以看到一个URL重写的功能

新增配置如下

如何解决React使用browserHistory项目访问404的问题

也可以直接 使用我的配置

配置如下 关键节点是: rewrite



  
    
      
        
          
          
            
            
            
          
          
        
      
    
  

附:其他http-server配置说明 Nginx

server {
  server_name react.yahui.wang
  listen 80;

  root /wwwroot/ReactDemo/dist;
  index index.html;
  location / {
    try_files $uri /index.html;
  }
}

Tomcat

找到conf目录下的web.xml文件,然后加上一句话让他定位回来


  404
  /index.html

Apache

.htaccess 文件配置如下



 RewriteEngine On
 RewriteBase /
 RewriteRule ^index\.html$ - [L]
 RewriteCond %{REQUEST_FILENAME} !-f
 RewriteCond %{REQUEST_FILENAME} !-d
 RewriteCond %{REQUEST_FILENAME} !-l
 RewriteRule . /index.html [L]

感谢你能够认真阅读完这篇文章,希望小编分享的“如何解决React使用browserHistory项目访问404的问题”这篇文章对大家有帮助,同时也希望大家多多支持创新互联成都网站设计公司,关注创新互联成都网站设计公司行业资讯频道,更多相关知识等着你来学习!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、网站设计器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网站标题:如何解决React使用browserHistory项目访问404的问题-创新互联
标题网址:http://bzwzjz.com/article/dihejo.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站设计 成都网站建设 成都网站制作 成都网站设计公司 成都响应式网站建设 成都品牌网站设计 重庆网站制作 成都定制网站建设 梓潼网站设计 网站制作公司 营销网站建设 网站建设公司 成都网站设计 专业网站设计 网站制作 成都网站设计 响应式网站设计 app网站建设 成都网站设计 高端网站设计 手机网站制作设计 盐亭网站设计