PC端微信内置浏览器vue axios没发出去请求

最新推荐文章于 2024-07-25 14:08:43 发布
转载 最新推荐文章于 2024-07-25 14:08:43 发布 · 1.7k 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://segmentfault.com/a/1190000017378201
文章标签：

#javascript #ViewUI

在Windows微信内置浏览器中，使用Vue与Axios进行网络请求时遇到问题，请求未能发出。通过逐步调试发现，问题可能源于includes方法的兼容性，通过重写includes方法解决了该问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

PC端微信内置浏览器vue axios没发出去请求，仅做记录

今天测试同学 测活动的时候 在windows下面的微信内邮件扫描二维码 竟然使用内置浏览器测了起来。

还有这种骚操作??? 之前的测试从来没测过这个浏览器,据说是腾讯使用的比较老的chrome内核

果然有问题。通过抓包得知请求都没发出去，于是我就在axios里面一步一步手动做console 通过变量写入到页面

最后拦截器里面看到了includes，随便不抱希望的改了一下，没想到请求发出去了，这么说来应该是babel的版本没有转换includes导致的，也有可能是转换了微信浏览器还是不支持。最终自己重写了includes，得以解决

Vue3 - 最新详解实现网站接入微信支付功能，调起微信支付页面或微信扫码支付效果详细教程，手机移动端H5或电脑PC网页 “微信环境内支付“与“脱离微信环境外部浏览器支付“ 示例代码，支持微信公众号！
资深程序员
06-22 1万+
vue3，nuxt3，微信支付，vue微信支付，微信公众号，h5支付，jssdk，JSAPI，公众号网页支付，pc网站，微信支付二维码，生成支付二维码，扫码支付，扫码支付，uni-app，详解微信支付，支付回调报错，微信支付报错，无法支付，无法唤起支付窗口，vue3如何使用微信支付，脱离浏览器怎么用微信支付，redirect_uri参数错误，回调地址错误，h5生成微信支付二维码，H5微信支付，PC端微信支付，前端支付，拉起微信支付，pc扫码支付，新手小白详细教程示例，SDK，vue对接微信支付，拉不起来微信
Vue2 - 最新详解实现网站接入微信支付功能，调起微信支付页面或微信扫码支付效果详细教程，手机移动端H5或电脑PC网页 “微信环境内支付“与“脱离微信环境外部浏览器支付“ 示例代码，支持微信公众号！
资深程序员
06-22 3334
vue2，nuxt2，微信支付，vue微信支付，vue2如何使用微信支付，脱离浏览器怎么用微信支付，redirect_uri参数错误，回调地址错误，h5生成微信支付二维码，H5微信支付，PC端微信支付，前端支付，拉起微信支付，pc扫码支付，新手小白详细教程示例，SDK，vue对接微信支付，拉不起来微信支付，微信公众号，h5支付，jssdk，JSAPI，公众号网页支付，pc网站，微信支付二维码，生成支付二维码，扫码支付，扫码支付，uni-app，详解微信支付，支付回调报错，微信支付报错，无法支付，无法唤起支付
微信ajax失效request,微信内置浏览器发送原生ajax请求无效，微信内置浏览器怎样发送ajax请求？...
weixin_33880392的博客
08-05 636
困困的囡囡04-01加粗标红插入代码插入链接插入图片上传视频请 登录 后发表内容关闭新增或编辑超链接链接地址关闭插入视频视频链接var xhr;if (window.ActiveXObject) {xhr = new ActiveXObject('Microsoft.XMLHTTP');} else if (window.XMLHttpRequest) {xhr = new XMLHttpRequ...
前端不发请求的疑惑
专注Java（全栈）应用开发，求知若渴，虚心若愚，talk is cheap, show me the code.
08-30 923
前端不发请求的疑惑目录概述需求：设计思路实现思路分析1. 提出问题2.发现问题拓展Demo实现相关工具如下：实验效果：分析：小结：参考资料和推荐阅读 LD is tigger，CG are not brothers, throw the pot and shine. The competition in the workplace is always calm on the surface, but in fact it is turbulent. talk is cheap, show me the c
前后端交互：前端发不出去请求，控制台的Network无反应
m0_54630400的博客
03-08 6561
1、问题解析： 在发请求之前，请求拦截器可以检测到，在请求发出去之前做一些事情，说明在请求拦截器中请求被拦截了，但是不会出现报错。 2、解决方法： 检查自己的请求拦截器中是否有错误，导致请求被拦截。 ...
javaweb项目前端给后端发送请求失败的非常见原因
qq_51792238的博客
12-12 1983
由于之前已经写好了一部分js文件的内容，在IDEA上用tomcat部署了项目后才开始写后端。运行项目时浏览器缓存了js文件，后边再往js里加前后端交互内容时浏览器并没有执行新的代码。单独运行后端文件时是有响应的，但是前端页面中因为js新增内容没有执行，无法获取后端的响应结果。解决方法就是清楚或禁止浏览器的缓存啦，我这里直接在控制台禁止了浏览器的缓存。
api 微信内置浏览器js_微信开发-微信内置浏览器的Javascript API
weixin_39616379的博客
12-21 728
/**!* 微信内置浏览器的Javascript API，功能包括：** 1、分享到微信朋友圈* 2、分享给微信好友* 3、分享到腾讯微博* 4、隐藏/显示右上角的菜单入口* 5、隐藏/显示底部浏览器工具栏* 6、获取当前的网络状态* 7、调起微信客户端的图片播放组件* 8、关闭公众平台Web页面* 9、判断当前网页是否在微信内置浏览器中打开* 10、支持WeixinApi的错误监控* 11、发送...
vue3 PC端项目构建，vue3+antd+vite+pinia+axios+sass
局外人LZ的博客
03-04 1990
本文只是大致讲了下vue3移动端项目搭建，具体的细节还是需要根据自己项目的需要进行调整。路由只封装了navigateTo、navigateBack，可以根据微信小程序路由api的逻辑https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.switchTab.html 封装switchTab、reLaunch、redirectTo，如果有更好的方法可以忽略该路由封装，个人觉得小程序路由做的挺好。路径别名可配可不配，根据自己喜好就行。
微信公众号 - 最新详细实现H5网页接入微信支付功能，开发移动端、PC端网站集成使用微信支付流程及示例代码，公众号网页利用JS-SDK/JSAPI/H5支付授权唤起微信支付，可脱离微信环境支付或内置浏
最新发布
资深程序员
07-25 5209
微信公众号，微信支付，网页，移动端，h5，扫码支付，二维码付款，手机网页，电脑pc网页生成支付二维码，js-sdk，jsapi，外部浏览器调起微信支付，脱离微信环境，在微信内置浏览器如何进行微信支付，前端H5微信支付，web网站，vue2，vue3，nuxt2，nuxt3，jquery，微信公众号h5支付流程，如何实现，怎么做，回调报错，redirect_uri参数错误，必须部署才能调试吗，怎么不打包发布就能在本机测试，微信H5支付能力，uniapp微信支付，h5页面调起支付，支付没反应，无效，失败，H5页
Vue项目中微信支付分享功能的实现与响应式布局设计
- 描述：Weixin-js-sdk是微信官方提供的JS-SDK，用于在微信内置浏览器中启用微信支付等微信特有的功能。 #### 架构设计与开发流程 1. **项目创建** - 使用`npm i -g @vue/cli`全局安装Vue CLI。 - 使用`vue ...
解决电脑端微信浏览器不支持vue、axios等问题
weirtang的专栏
04-24 4455
网上搜罗了一大圈关于微信不支持vue的问题，大部分都说是版本问题。后来我直接用官网的demo试了下是没问题的，然后把demo的vue.js改为我本地的，结果也是可以的-_-。。。 最终。。。我吧vue方法里的代码全删了，发现就没问题了！！！我以为是引用axios的问题，改为了继续使用jq来获取数据，发现也是一样会出问题（郁闷。。。）最后一行行排查可疑代码最终定位到 下面代码 data => ...
前端发送请求后端未反应_好程序员web前端学习路线解答前后端对接问题
weixin_39609503的博客
12-06 1437
关于前后端对接问题下面好程序员web前端学习路线为大家解答。一、没有接口文档： 对于前后端分离开发，必须要写接口文档。否则，第一：前后端开发没有标准，没有依据。第二：容易扯皮，没法追踪，职责不清。第三：开发效率低。等等。 对于你们项目中没有写接口文档的事情，可以找项目组长进行沟通，讲明利害，由项目组长协调让写接口文档。否则，公司永远不能规范起来。显得很业余。 前端根据接口文档开发前端功能，后端根据...
网页在微信PC端内置浏览器遇到network的问题记录
xh1506101064的博客
01-28 911
问题是这样，我这边的一个网页链接，在PC端和手机端都是可以正常访问使用的，但是就是在pc版微信内置浏览器就是不行，报network。找了蛮久的，发现是因为我接口使用的是put方法。改成post就可以了。。。。。 ...
微信浏览器打开连接服务器错误怎么解决方法,微信无法访问,其他浏览器正常...
weixin_39956182的博客
08-06 1161
usingMicrosoft.AspNetCore.Http;usingMicrosoft.AspNetCore.Identity;usingMicrosoft.AspNetCore.Mvc;usingMicrosoft.AspNetCore.Mvc.Filters;usingMicrosoft.Extensions.Configuration;usingNewtonsoft.Json;using...
【bugs】AxiosError {message: ‘Request failed with status code 404‘, name: ‘AxiosError‘
热门推荐
moly_moly的博客
08-27 1万+
今天同桌遇到这个bug 登录发请求有问题 我下意识看到404以为是传参问题。后来我们发现这个是接口和baseURL不匹配导致的 简单来说就是接口问题。后来看了下 其他人写的状态码。遇到404主要是url的问题。404：url问题，...
前端vue 发送axios请求没反应
恩琪
01-29 5805
这是我今天遇到的一个最蠢的问题，当写添加和修改用到同一个接口， 这个功能之前已经写完成了 没问题， 当我测试时候出现问题了 发送请求也没有反应， 我使用debug也不会进去， 我就去把方法全改了一遍，传的参数也改了， 还是没能解决问题， 最后没办法 我就删除重新写了一遍（是有备份的）还是同样的问题 这个问题任然没有解决， 我就很纳闷了， 这才想到是不是有缓存， 我clear下服务器 然后重启 问题解决了？？？？ 只能大叹口气了 所以在这给个建议，让大家（自己）以后少遇到坑 有时候可能代码修改过后没
h5项目cdn引入vue.js、axios.js后，兼容ie以及windows微信端自带浏览器（vue2.6实测）
sincejuly1995的博客
06-02 728
直接上代码： 注意：js部分需要<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /&g
前端REST请求无响应（请求一直等待）
hongweigg的专栏
06-04 9749
问题： 前端通过RESTful接口调用后端，后端一直无返回，但也不报错。通过浏览器调试界面，看CHROME浏览器NETWORK监控，该RESTful请求无响应。当关闭后端服务时，前端有中断请求的返回。 解决： 产生该问题的原因为数据库编辑工具正在编辑相关的表，造成数据表锁定，从而导致后端保存数据操作一直处于等待状态。 关闭数据表编辑界面，后端可以正常返回数据...
多框架实现PC端微信仿效代码包
- 仿PC端微信.rar：该资源名称明确指向了仿微信的PC端实现，对于模仿微信界面功能的开发者来说是一个直接的参考资料。 - html5-weixin-chat-window-style-codes(jb51.net)：这可能是一个在线资源，指向jb51.net...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值