Arco design 发布到生成环境F5刷新报错404

最新推荐文章于 2024-05-07 10:49:19 发布
原创 最新推荐文章于 2024-05-07 10:49:19 发布 · 402 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#arco design

文章讨论了在开发环境中无问题，生成环境正常跳转，但在F5刷新时出现报错的情况。解决方法是将`history.createWebHistory()`更改为`history.createWebHashHistory()`，以适应特定的刷新需求。

问题：开发环境没问题，生成环境正常跳转也没问题但是F5刷新报错

解决办法一：修改  history: createWebHistory(), 改为history: createWebHashHistory(),

多多OJ评测系统 前端项目环境初始化 安装Vue脚手架 引入Arco Design组件
猫的博客
07-18 9万+
推荐的node js版本为为18 或者 16。其实我们脚手架已经帮我们做到了。我们首先试着引入一个组件试试看。我们在前端工程化的时候实际上。加到main.ts文件里面。我们打开webStorm。我们有一些代码规范的校验。就说明我们的项目引入成功。npm版本为9.5.1。配置脚手架后我们先运行。接下来要引入相关的组件。监测一下是否安装成功。要去重新配置环境变量。我们这边能获取到网址。代表的是项目运行成功。选择用npm进行安装。我们建议的是完整引入。
Arco Design的主题切换
Sky_Bug的博客
01-03 1125
看着官网的方法监听change时间，拿到change的颜色值。想通过打包工具替换样式变量， 发现按照官网写了都没有生效。（其实是看漏了说明）官方小伙伴给出的方法， 注意这里要安装vueuse hook方法。使用变量( 变量用于改变原来组件的样式 )有更好的方法欢迎留言讨论~
vue部署至Tomcat，F5刷新报404问题解决
扛麻袋的少年的博客
11-09 3056
  我做的是一个移动端项目，使用的是 Vue + app 包壳的方式。在 PC 端测试时发现 F5 刷新直接报 404 问题，虽然在移动端包壳后不会有刷新的功能，但是强迫症搞怪，用着真是难受，必须给它搞定，所以就有了本篇文章。 Vue 部署至 Tomcat 会遇到的问题汇总： 1.在将vue项目部署至tomcat后，js、css、img、index.html等文件，都有被缓存的可能。    解决js、css、img 缓存问题：可以使用时间戳的方式  参考：Vue项目部署，解决js、css、img被缓存问题
Antd Design Pro 打包之后部署在Nginx下，刷新页面404问题
ayun1996的博客
12-07 4196
Antd Design Pro 打包之后部署在Nginx下，刷新页面404问题
vue项目通过nginx部署，F5页面刷新后产生404问题的解决
huang877620097的博客
04-30 1485
vue项目通过nginx部署，刷新产生404问题的解决
当接口出现404问题时，可能出现问题的原因如下
热门推荐
hello_boyu的博客
04-19 4万+
在开发过程中，遇到404错误时首先需要检查请求路径是否正确，然后再排查其他可能的原因。及时更新代码和维护服务器资源能够有效地预防和解决404错误的发生。通过这些例子，我们可以更好地理解和处理访问后端接口返回404错误的情况。这种错误的出现并不罕见，但合理的调试和解决方法能够有效地减少对应用程序和用户的影响。
Vue项目打包到服务器后请求接口报错404
speano的博客
05-22 1万+
解决Vue项目打包到服务器后请求接口报错404问题。
精选资源
基于 ThinkPHP6 和 Arco Design Vue 开发的一套CMS管理系统源码.zip
05-21
《基于ThinkPHP6和Arco Design Vue开发的CMS管理系统源码解析》 在现代Web开发领域，快速构建高效、易维护的管理系统已经成为开发者们的重要需求。本系统源码基于两个强大的技术栈——ThinkPHP6和Arco Design Vue，...
前端开发基于Arco Design的企业级UI框架应用：零基础入门到实战的组件使用与主题定制指南
09-03
内容概要：本文系统介绍了企业级设计系统Arco Design，涵盖其设计理念、开发环境搭建、核心组件使用、主题定制及实战应用。文章从零开始指导读者安装Node.js、初始化项目并集成Arco Design，深入解析其四大设计原则...
Arco Design Pro PC端管理后台框架/电商后台系统模板Axure设计
09-18
原型名称：Arco Design Pro PC端商家后台框架 软件版本：Axure 9（支持高版本） 作品类型：中继器表格元件库 原型简介：本作品是一款Web端后台框架，基于字节跳动旗下Arco Design Pro后台框架页面用Axure做了一遍。...
react的ant design pro更改history模式
weixin_43990106的博客
08-05 2275
由于ant design pro默认使用的是browser模式，发布到线上环境后，刷新浏览器后出现404(页面未找到)，而在本地环境怎么刷新都是正常的。所以就上网各种查资料，原来需要将history设置为hash模式就正常了。 1、设置history为hash config config.ts export default defineConfig({ history: { type:'hash' } }) 2、设置成功，部署后刷新浏览器能找到页面了，但是出现新的问题了，原来的菜单选
【Arco Design Pro】调试页面白板问题解决
weixin_49258444的博客
05-07 524
调试状态下点击Menu菜单，界面多次点击菜单会出现空白页:且控制台中无任何报错。
React design pro 向表格中添加数据，表格不会刷新
洪伟富专栏
04-14 3490
React design pro 向表格中添加数据，表格不会刷新 一、由于我是初学者，很多东西都没有深入的理解，看dva文档也并没有深入的进行了解，所以才导致遇到了许多的问题。我遇到的问题：我通过form提交数据表单，写入数据库，但表格不能同步刷新插入的数据，并且显示，显示的还是...
Vue项目Nginx代理F5刷新出现404问题解决
qq_37372909的博客
12-28 1068
项目用户反馈，F5刷新后，浏览器出现404。最近公司加强网络管理，我记得之前可以刷新，有点怀疑是跟加强网络管理有关。具体原因没有时间去深度跟踪，先百度找到了解决方法，记录一下。主要是修改了nginx的配置。
react 打包后，项目部署完毕，刷新页面报错（404）
m0_74265396的博客
07-30 1228
那么你要做的就是修改后台服务器，可以放在apache，也可以放在你的java路由内做一个通配路径处理。服务端路由，不同的服务器配置的方式不同，另外一种简单的解决方法，使用HashRouter，不要使用BrowserRouter，这样所有的请求都会定位到index.html这一个页面，服务器端也不需要任何配置了。之所以你在浏览器内可以由首页跳转到其他路由地址，是因为这是由前端自行渲染的，你在React Router定义了对应的路由，脚本并没有刷新网页访问后台，是JS动态更改了location。
项目部署之后页面没有刷新怎么办?
qq_44859233的博客
08-25 1169
1.如果页面是协商缓存，如何获取页面最新内容？协商缓存比较好办，那就刷新页面，不过需要勾选Disable cache，但是用户不知道打开控制台怎么办？那就右击页面的刷新按钮，然后选择硬性重新加载，或者清空缓存并硬性重新加载，页面就获取到最新资源了2.如果页面没有设置cache-control，那默认的缓存机制是什么样的？默认是协商缓存，这也符合浏览器设计，缓存可以减少宽度流量，加快响应速度3.如果项目重新部署还是没有更新，怎么办？在确定项目已经部署成功。
网页刷新后出现404
chuozongxiao7597的博客
04-10 4698
在linux下搭建nginx测试网页的时候，正常打开可以访问，当刷新后页面出现404 not found的问题 说明： vue-router默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。 如果不想要很丑的 ...
Vue项目上线后，点击刷新按钮（f5）报错404的问题（使用nginx）
Honins的博客
07-30 1万+
Vue上线后，点击刷新按钮报错404问题 使用vue-cli构建的项目上服务器后，点击刷新按钮报错404问题，这个问题困扰好多天了，今天决定把它解决掉。 首先，出问题的原因是： 在 Vue 项目中，可以选择 hash或者 history.pushState() 实现路由跳转。 使用history模式的配置是： export default new Router({   mode: 'h...
F5 应用重定向 解决方案
sutonline的博客
11-29 6899
F5 应用重定向 解决方案【1】问题分析： 这个问题出在访问的WAS服务器的端口是9080，应用程序动态的生成重定向后的网页加上了WAS的端口号，这个设置，在应用设置中本来是没有错误的。单独访问WAS的时候重定向加WAS端口，用来保证服务器的正常访问。 但是，经过F5的时候，返回的重定向加上了WAS的端口，浏览器访问是要命中F5的VS地址的，VS中没有开启这个端口，导致不能命中VS，访问失败，提
arco design上传文件报错502是为什么
最新发布
11-16
在Arco Design中上传文件报错502通常意味着服务器作为网关或代理时，从上游服务器收到无效响应。以下是可能的原因： ### 服务器端问题 - **上游服务器过载**：当处理上传请求的上游服务器（如应用服务器）负载过高...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

GodCodeApps

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值