做登录页面遇到的坑,空白请求!

在做登录页面请求的时候,有时候点击第一次居然返回回来的是一个空请求,控制台中有载荷,但是没有响应和预览,很假很生气。

但是第二次总可以成功,token,用户信息等等数据都能展示出来,过程中找了这些解决办法。

1.是因为跨域吗? 跨域预检

之前了解过,在项目后台也经常能够看到虽然只发了一次请求,但是拦截器打印的日志却是两次。

详细了解地址options预请求

把前后台的跨域配置来回检查了一次,但是后来发现不是,因为没有报错。

2.后来换了个浏览器  Chrome->FireFox  火狐中控制台显示了这样一段信息 NS_Binding_Aborted,这才找到了解决问题的关键所在。由于我form表单搭配button,而button有自己的默认事件行为,所以会进行一次提交,但是我form表单也没有配置服务器地址,就导致了空请求的产生!!!

在Vue中,可以在button按钮上使用@click.prevent来组织默认事件行为,这样就解决了这个困扰许久的问题

NS_Binding_Aborted erroricon-default.png?t=N7T8https://blog.csdn.net/u012485012/article/details/62459537

### 解析SkyWalking页面显示为空白的原因 当遇到SkyWalking UI页面显示为空白的情况时,通常有几种可能原因。一种情况是在浏览器控制台(F12)中观察到提示:“We’re sorry but Apache SkyWalking doesn’t work properly without JavaScript enabled. Please enable it to continue.” 这表明JavaScript未启用或存在加载错误[^1]。 另一种常见原因是由于Elasticsearch(Es)写入瓶颈造成的线程阻塞现象,这会阻止数据被及时记录至Es集群内,进而影响前端展示效果,使得最近时间段内的监控数据无法正常呈现给用户[^3]。 ### 针对不同成因的具体解决方案 #### 启用并调试JavaScript环境 对于由JavaScript引起的问题,确认客户端已正确启用了JavaScript功能,并检查是否存在任何脚本执行错误。可以通过清除缓存、尝试不同的浏览器来排除潜在干扰因素。如果仍然存在问题,则需进一步调查网络请求是否返回异常状态码或其他阻碍JS运行的因素。 #### 调整SkyWalking配置参数优化性能表现 针对因为Es写入效率低下而导致的服务不可用状况,建议调整SkyWalking的相关设置以提高其处理能力: - **增加队列大小**:适当增大用于存储待发送事件的消息队列容量; - **降低采样率**:减少收集频率从而减轻后端压力; - **优化索引模板**:合理规划文档结构有助于加快读取速度同时节省磁盘空间; 以上措施能够有效缓解由于瞬时流量高峰带来的资源竞争局面,确保系统稳定运作。 ```yaml storage: elasticsearch: cluster_nodes: "localhost:9300" index_shards_number: 3 index_replicas_number: 1 collector: sampling_percentage: 50 # 单位为百分比,默认值为100% ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值