uniapp用内置浏览器可以带上cookie,chrome就不行

最新推荐文章于 2024-04-25 16:44:19 发布
最新推荐文章于 2024-04-25 16:44:19 发布
阅读量2k 收藏
点赞数 1
分类专栏： uniapp cookie 文章标签： javascript webpack vue.js 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44780381/article/details/125988273
版权

uniapp用内置浏览器可以带上cookie,chrome就不行

最近在使用uniapp，记录其中遇到的一些问题。后面有新的问题继续更新。

1.uniapp用内置浏览器可以带上cookie,chorme就不行
这个问题很奇怪，一开始按着官方文档说明cookie就是带不上，后来各种百度说的是h5才不行，而且是非内置浏览器下才不能携带cookie。果断试了下内置浏览器真的可以。但是用起来不方便，决定还是用chrome。后面找到这两篇文章帮助解决了。
uni-app H5跨域问题解决方案（CORS、Cross-Origin）
uni-app踩坑+小改造
这里再第二篇文章配置webpack-dev-server代理的时候使用第一种方法也就是manifest.json里的这种并没有解决我的问题，这个后面继续啊研究下为什么，后用第二种，直接新建vue.config.js的这种方法解决了问题。
注意：这种办法的好处显而易见，用js而非json去配置会更加的灵活，需要注意的是以上两种方案不能同时使用，第一种manifest.json会覆盖第二种vue.config.js方案
在这里插入图片描述

这个方法

weixin_44780381
关注
专栏目录
技术合伙人必备攻略---app开发技术栈调研--多种方案对比--uniapp学习路线
直到世界的尽头
02-26 1854
app开发技术方案对比 app开发主要有几种技术方案如下： 原生开发 原生开发简介 原生(native)开发从定义上来说 一般是指用原生开发语言开发，原生开发语言就是开发整个系统时使用的编程语言。 对于iOS来说就是Objective C，对于Android来说…不太好说，因为Android用的Linux内核是用C开发的，中间层的库是用C/C++开发的，但应用程序框架和应用程序都是用Java开发的。 但实际上原生开发的含义有所扩展，主要区别于前端框架的跨端语言开发。 目前做ios原生开发多使用Swift语言
手机浏览器无法获取COOKIE的原因
热门推荐
蜗牛的专栏
02-02 1万+
手机浏览器上无法使用cookie，肯能是 1. 浏览器禁用 COOKIE ，这个简单开启即可。 2. 可能是手机所在时区有问题，将COOKIE有效期设置更长时间测试下，在更改时区
uniapp项目在HBuilder的内置浏览器可以运行，Chrome无法调取接口
2301_78338211的博客
01-23 1172
请求头中没有Cookie，那就设置一下，在登录页进行登录，登录成功后将token设置到请求头上。在HBuilder的内置浏览器运行，可以在控制台的Headers中看到有Cookie,查了一些资料，发现有好几种配置方法，试了试 只有以下这种方式对我的项目有效果，后端在接口中设置了认证cookie，如果cookie不存在就无法调取接口，但是运行到Chrome浏览器之后，Headers中就没有Cookie了，（以上只是本人遇到的其中一种情况，有需要补充的地方，欢迎大家评论~）w3c规定，当请求的。
uniapp请求不传递cookie的解决方式
Curtisjia的博客
10-27 3244
最近在使用uniapp开发安卓应用，我本人并没有这方面的经验，在第一次前台发送请求获取后台存在session里的数据居然为null，而我用apifox调用的时候是正常，经高人指点才知道h5里请求是自动传递cookie信息而安卓是不传递的。
Uni-app微信小程序跨域set-cookie
weixin_41950689的博客
11-07 2258
This Set-Cookie was blocked because it had the "SameSite=Lax" attribute but come from a cross-site response which was not the response to a top-level navigation
uni-app，携带cookie（用户后台shiro的认证）
wangming0123的博客
04-25 1万+
首先要知道的是，微信小程序是没有cookie机制的 ，也就是说，当uniapp运行在微信端是没有cookie供后台认证，需要开发者自定义cookie,并且让请求携带。android、ios同理。h5则不用考虑这个问题，uniapp自己携带无需考虑。 const http = (options) => { return new Promise((resolve, reject) => { uni.request({ withCredentials: true, url: pubU
h5微信本地调试 vue_UniApp本地调试H5（谷歌chrome浏览器）跨域问题的解决方法，亲测可用...
weixin_29331015的博客
12-23 1454
UniApp本地调试H5跨域(谷歌chrome浏览器，UniApp内置浏览器不存在此问题)的推荐方案：欺骗浏览器，让浏览器觉得你没有跨域(其实还是跨域了，用的是代理)客户器端解决方案(亲测可用)：1、在manifest.json里添加如下跨域代码："h5":{"devServer":{"port":2001,//你H5网址的端口，如:http://localhost:2001/#/pa...
2021-6月面试总结-vue，uniapp，小程序，h5，更新中
shuux666的博客
03-03 731
**一、**vue 2.6.11 vue****页面的生命周期？ 总共分为8个阶段创建前/后，载入前/后，更新前/后，销毁前/后。 创建前/后： 在beforeCreate阶段，vue实例的挂载元素el和数据对象data都为undefined，还未初始化。在∗∗created∗∗阶段，vue实例的数据对象data有了，el和数据对象data都为undefined，还未初始化。在**created**阶段，vue实例的数据对象data有了，el和数据对象data都为undefined，还未初始化。在∗∗cre
uni-app web-view内置浏览器功能（后退、刷新当前页面、关闭等导航栏及进度条显示和subNvue原生窗口）
weixin_46188204的博客
04-11 3621
uni-app web-view内置浏览器功能（后退、刷新当前页面、关闭等导航栏及进度条显示和subNvue原生窗口）
uniapp APP打开浏览器界面(browser.js)
07-31
uniapp APP打开浏览器界面
uni-app 获取，添加，删除cookies
最新发布
eren_yeger的博客
04-25 1529
需要注意的是，以上方法只适用于小程序端，如果在 H5 端需要操作 cookie，则可以使用标准的 JavaScript cookie 相关方法。在uni-app中，我们可以使用 vue-cookies获取，添加，删除某个 key 对应的 cookie 值。下载完成以后在main.js全局引入一下。首先我们下载一下vue-cookies。
uni-app - 运行到内置浏览器使用 IP 地址（Network）访问（自定义域名）
王佳斌
03-14 6743
前言 默认情况下，运行后只能 localhost 访问，如下图所示： 解决方案 打开 mainfest.json 文件，添加 disableHostCheck 属性，将值设为 true。 "h5": { "devServer": { "disableHostCheck": true } } 自定义域名 “本地hosts文件位置:C:\Windows\System32\Drivers\etc” 本地创建 IIS 站点 添加域名 修改 hosts 文件： 127.0.0.1 www.你的域名.
uniapp的cookie访问+请求封装
baidu_21919557的专栏
07-24 6086
module.exports = (params) => { let url = params.url; let method = params.method; let header = params.header || {}; let data = params.data || {}; // 请求方式 GET POST if (method) { method = method.toUpperCase(); // 小写转大写 if (method == “POST”) { header = {
uniapp用web-view加载的页面里请求头无法设置cookies
qq_31392501的博客
08-09 2198
cookies、token、webview、uniapp、vue
关于uniapp携带cookie拿不到数据问题
weixin_43799811的博客
06-16 5210
对于这个问题我的是在header里设置cookie的时候应该是这样 letheader={ "content-type":"application/x-www-form-urlencoded", "cookie":"JSESSIONID="+uni.getStorageSync("sessionid") }; 之前错误是由于没有拼接前面的"JSESSIONID="这个导致请求拿不到数据 ...
uniapp 运行内置浏览器如何调试
qq_33240556的博客
02-23 1156
页面中，你应该能看到已连接的设备列表以及该设备上运行的webview页面。找到你的应用程序对应的页面条目并点击“inspect”按钮，即可打开一个新的Chrome DevTools窗口对应用进行实时调试。对于H5环境，在应用成功运行后，IDE通常会自动弹出一个新窗口，这个窗口就是基于Chrome内核的浏览器窗口，并且已经连接了开发者工具。使用HBuilderX IDE，点击顶部菜单栏的“运行”按钮，选择“运行到手机或模拟器”，确保选择了开启“显示Webview控制台”。进入Chrome开发者工具页面。
谷歌浏览器接口请求cookie突然无法携带的问题
weixin_43990297的博客
07-31 7763
最近突然遇到一个奇怪的事情，公司的一个后台项目，突然在自己浏览器上无法登陆，查看接口发现是接口没有携带cookie，但是换个浏览器就可以，比如火狐，别人的电脑在谷歌上却能登陆，这个问题可把我搞蒙了，找了一圈资料，终于发现一篇有用的。 首先如果你用axios，那么先设置withCredentials为true， 然后打开谷歌浏览器在Chrome中访问chrome://flags/，搜索SameSite并设置为disabled即可。 原因是Chrome升级到80版本之后cookie的SameSite属性默认值由
uni-app系列（五）：uniapp 引入 axios 注意：withCredentials允许获取cookie 和后端配置的跨域不可同时使用
Mr_chen的博客
09-05 1万+
uni-app系列（一）：安装开发工具 HBuilderx 并创建 uniapp 项目 43/100 发布文章 Mrs_chens new ????摘要 今天分享下 —— uni-app系列（一）：安装开发工具 的一些基本知识，欢迎关注！ ????安装 axios 首先检查是否安装 npm 工具：工具 --> 插件安装 检查是否安装 npm，如果没有可以去看我的这篇文章：windows安装node.js用npm安装vue 安装后在当前目录下打开内置终端：（和前几步一样检查插件安装
uniapp 运行到内置浏览器，怎么打开开发者工具
坐等夕阳落time的博客
04-20 2097
首先 运行到内置浏览器是这样的： 然后
uniapp 封装请求 要带上cookie
06-09
在 uniapp 中封装请求时，可以在请求头中添加 `Cookie` 字段来携带 cookie。具体实现可以参考以下代码示例： ```javascript function request(options) { let cookie = uni.getStorageSync('cookie') // 从本地缓存中获取 cookie if (cookie) { options.header = options.header || {} options.header['Cookie'] = cookie // 将 cookie 添加到请求头中 } return uni.request(options).then((res) => { if (res.header['Set-Cookie']) { uni.setStorageSync('cookie', res.header['Set-Cookie']) // 将新的 cookie 存储到本地缓存中 } return res.data }) } ``` 在请求函数中，首先从本地缓存中获取 cookie，如果存在则将其添加到请求头中。在请求成功后，如果服务器返回了 `Set-Cookie`，则将其存储到本地缓存中，以便下次请求时使用。这样，在调用封装的请求函数时就会自动携带 cookie。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值