首页 > 其他分享 >BrowserRouter刷新404解决方案

BrowserRouter刷新404解决方案

时间:2023-07-14 17:44:52浏览次数:32  
标签:index -- 解决方案 BrowserRouter XXX 404 刷新 history

1、本地开发环境

在js脚本命令里加上 --history-api-fallback

"scripts": {
    "serve": "webpack serve --config webpack.dev.js --history-api-fallback"
}

 

2、生产环境,可以修改 nglnx 配置:

server {
    listen XXXX; //端口号
    server_name XXX.XXX.XXX.XXX; //本机IP地址
    location /{
        root dist; //打包后的项目路径
        index index.html index.htm; //默认访问的页面
        try_files $uri $uri/ /index.html; // 解决刷新页面变成404问题的代码
    }
}    

vue使用 history 模式 404 也可以使用此方法

标签:index,--,解决方案,BrowserRouter,XXX,404,刷新,history
From: https://www.cnblogs.com/djjlovedjj/p/17554607.html

相关文章

  • 【全流程管理解决方案】奥威BI金蝶云星空SaaS版:重新定义企业管控
    金蝶云星空是一套全面覆盖供应链、采购、生产、销售、财务等业务流程,实现了全链条的闭环管理的综合性管理软件。但在云时代,仅仅覆盖业务流程还不够,还需要有一套全流程管理解决方案,实现对全业务流程数据的深度挖掘,为运营决策提供支持。奥威BI金蝶云星空SaaS版,一套覆盖全流程业务管理......
  • VMware17无法连接USB设备的问题解决方案
    前言【前言都是废话,可以直接看解决方案】事情是这样的,最近在做IMX6ULL的开发,刚开始就遇到了这个拦路虎问题,我使用的闪迪的TF卡32GB的,搭配绿联的读卡器使用。在windows以及物理机装的archlinux都能正常识别并进行挂载,离谱的就是在虚拟机上识别不了。虚拟机版本:VMwareWorkstati......
  • 服装行业MES系统解决方案
    据调查,我国大多数服装厂目前存在两大问题:第一,是生产设备先进,但管理模式落后,仍采用手工管理模式,未实现信息化;第二,仍有大量的人工站,短时间内难以用设备代替,企业对这些站没有信息化管理。服装厂生产管理可以交给万界星空科技服装行业MES系统解决。MES系统可以为用户提供速反应、灵活、......
  • Tomcat中配置自定义404错误页面
    (1)%CATALINA_HOME%\conf\web.xml中web-app节点中添加<error-page><error-code>404</error-code><location>/404.html</location></error-page>在webapps下ROOT新增404.html页面<htmllang="en"><head&g......
  • 【Netty】「优化进阶」(一)粘包半包问题及解决方案
    前言本篇博文是《从0到1学习Netty》中进阶系列的第一篇博文,主要内容是介绍粘包半包出现的现象和原因,并结合应用案例来深入讲解多种解决方案,往期系列文章请访问博主的Netty专栏,博文中的所有代码全部收集在博主的GitHub仓库中;粘包现象粘包是指多个独立的数据包被粘合在一起发送,......
  • HttpServletRequest 流数据不可重复读问题以及解决方案
    1.HttpServletRequest流数据不可重复读的原因HttpServletRequest的request.getInputStream()只可以读取一次参数,由于InputStream这个流数据的特殊性,在Java中读取InputStream数据时,内部是通过一个指针的移动来读取一个一个的字节数据的,当读完一遍后,这个指针并不会res......
  • 保姆级教程!如何在 Anolis 8 上构建基于 Nydus 和 Dragonfly 的镜像加速解决方案?
    文/云原生SIG01背景镜像是容器技术的基础之一,在云原生场景下,业务的正常运作离不开对镜像的制作、分发和运行。当前的镜像在使用的过程中,需要将镜像从仓库中全量拉取到本地,再由容器engine进行解压,堆叠挂载,然后才能构造成rootfs提供给容器。而在实际生产过程中,由于镜像版......
  • Confidential Containers发布0.5.0版本,龙蜥将基于八大特性构建开箱即用的机密容器解决
    文/段勇帅01前言机密容器(ConfidentialContainers,简称CoCo)是CloudNativeComputingFoundation(CNCF)Sandbox项目。目前机密容器项目的核心参与者包括阿里云、AMD、ARM、IBM、Intel、Microsoft、RedHat、Rivos等软件和硬件公司。本次发布的CoCo-0.5.0release是机密容器社......
  • Java实现浏览器端大文件分片上传解决方案
    ​ 上周遇到这样一个问题,客户上传高清视频(1G以上)的时候上传失败。一开始以为是session过期或者文件大小受系统限制,导致的错误。查看了系统的配置文件没有看到文件大小限制,web.xml中seesiontimeout是30,我把它改成了120。但还是不行,有时候10分钟就崩了。同事说,可能是客户这里......
  • centos7ping不通主机却能够上网时的问题解决方案
       ......