UniApp框架是否支持Cookie

最新推荐文章于 2025-03-11 22:01:07 发布

RaAutoit

最新推荐文章于 2025-03-11 22:01:07 发布

阅读量2.2k

点赞数

文章标签： uni-app Uni-App

本文链接：https://blog.youkuaiyun.com/RaAutoit/article/details/133343448

版权

Uni-App 专栏收录该内容

44 篇文章 ¥59.90 ¥99.00

订阅专栏

UniApp在iOS、Android和Web平台都支持Cookie，利用document.cookie可读写Cookie值。但跨域请求时需注意浏览器限制，需服务器设置响应头以携带Cookie。

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

UniApp是一个跨平台的应用开发框架，它基于Vue.js和微信小程序开发，可以在多个平台（包括iOS、Android、Web等）上构建应用程序。在UniApp中，开发者通常使用Vue语法进行开发，但是由于跨平台的特性，某些平台特有的功能可能不被完全支持。关于UniApp是否支持Cookie，我们需要考虑不同平台的特点。

在UniApp中，不同的平台对Cookie的支持程度是不同的。下面将分别介绍UniApp在iOS、Android和Web平台上对Cookie的支持情况。

iOS平台：
在UniApp中，使用原生的WebView组件进行iOS平台的开发。iOS的WebView对Cookie的支持是默认开启的，开发者可以直接使用document.cookie来读取和设置Cookie的值。以下是一个示例代码：

// 读取Cookie
console.log(document.cookie)

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

RaAutoit

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

【前端之旅】js-cookie用法详解

请你喝杯Java

04-10

677

js-cookie是一个简单的，轻量级的处理cookies的JS API。

weapp-cookie:一行代码让微信、头条、百度、支付宝小程序支持 cookie，兼容 uni-app :cookie::rocket: One line of code allows weapp to support cookie（wx weixin wxapp cookie）

05-09

weapp-cookie 一行代码让微信、头条、百度、支付宝小程序支持 cookie，兼容 uni-app Intro 小程序原生的 request 网络请求接口并不支持传统的 Cookie，但有时候我们现有的后端接口确于依赖 Cookie（比如服务器用户登录态），这个库可用一行代码为你的小程序实现 Cookie 机制，以保证基于 cookie 的服务会话不会失效，与 web 端共用会话机制 Featrues 一行代码让小程序支持 cookie 可使用 api 获取、设置 cookie 支持 domain/path 作用域 Install npm install weapp-cookie --save # 将 npm 包复制到 vendor 文件夹，避免小程序可能不能找到文件（Tips：支持npm包的开发环境无需此步） cp -rf ./node_modules/ ./vendor/

1 条评论您还未登录，请先登录后发表或查看评论

uniapp请求不传递cookie的解决方式

Curtisjia的博客

10-27

3665

最近在使用uniapp开发安卓应用，我本人并没有这方面的经验，在第一次前台发送请求获取后台存在session里的数据居然为null，而我用apifox调用的时候是正常，经高人指点才知道h5里请求是自动传递cookie信息而安卓是不传递的。

UniApp使用自定义WebView如何获取httpOnly的Cookie

最新发布

m0_55826475的博客

03-11

978

在开发uniapp应用时，有时需要在自定义的webview中获取带有HttpOnly属性的cookie，而由于安全限制，JavaScript无法直接访问HttpOnly cookie。为了解决这一问题，可以通过开发Android原生插件并引入到uniapp项目中，利用原生代码来获取cookie。

uni-app 获取，添加，删除cookies

eren_yeger的博客

04-25

2259

需要注意的是，以上方法只适用于小程序端，如果在 H5 端需要操作 cookie，则可以使用标准的 JavaScript cookie 相关方法。在uni-app中，我们可以使用 vue-cookies获取，添加，删除某个 key 对应的 cookie 值。下载完成以后在main.js全局引入一下。首先我们下载一下vue-cookies。

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

UNIAPP day_05(9.3) Cookie、WebStorage、Session 和 Token的区别、uni-app最终部署

m0_70328115的博客

09-13

1898

Cookie、WebStorage、Session 和 Token的区别、uni-app最终部署

uniapp的cookie访问+请求封装

baidu_21919557的专栏

07-24

6344

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 = {

Uni-app微信小程序跨域set-cookie

weixin_41950689的博客

11-07

2867

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

如何在uniapp中获取和修改Web项目的Cookie

Jiaberrr的博客

11-13

1434

在uniapp开发Web项目时，操作Cookie是常见的需求。本文将介绍如何在uniapp中获取和修改Web项目的Cookie，且不设置过期时间。

uniapp整体框架和知识点

qq_36981190的博客

08-17

2933

uniapp介绍：一套代码可以运行在多个平台扩展灵活，学习成本低一、框架 uniapp的配置 1、page.json globalStyle : 用于设置应用的导航条、标题、窗口背景色等。 pages：这个节点配置应用由哪些页面组成 pages节点的第一项为应用入口页（即首页）参考 style:用于设置每个页面的导航条、标题、窗口背景色等。 { "pages": [ { "path": "pages/index/index",

前端框架-小程序uniApp

aming小老弟

12-03

488

获取集合Collection示例如下。nosql 非关系型数据库。

实现uniapp的app和小程序开发中能使用axios进行跨域网络请求，并支持携带cookie

weixin_44576057的博客

03-05

4292

实现uniapp的app和小程序开发中能使用axios进行跨域网络请求，并支持携带cookie 1-使用npm install axios;命令安装axios 2-新建一个文件夹再建一个.js后缀文件放axios封装代码代码： import Vue from ‘vue’ import axios from ‘axios’ // create an axios instance const service = axios.create({ baseURL: ‘https://simplicity.sank

uniapp获取头部cookie

热门推荐

RubyLinT的博客

09-18

1万+

uniapp请求的时候，项目要求获取后端返回的cookie然后每次请求都带上获取到的cookie。原先都是取的请求对象里的cookies值，但是后期在真机上调试发现获取不到cookies了，后来发现应该取的header里的Set-Cookie里的值：header['Set-Cookie'] ...

uniapp开发原生android插件，获取浏览器cookie

flytsuki的博客

03-07

8375

由于想让app打开一个url登录后获取cookie调用接口,使用plus.navigator.getCookie获取cookie为空，只能想办法使用android原生组件了。参考：Android uni-app原生插件开发文档一.下载SDK 1.解压 2.使用Android Studio导入UniPlugin-Hello-AS项目项目包括 app模块(主要用于测试插件) uniplugin...

uniapp webView获取不到cookie

weixin_40466351的博客

09-10

5139

不知道你的H5页面是在哪里运行的，如果是正常的浏览器是没有问题的，如果是微信内部或者webview内部，建议用户信息和token等别放在cookie中，因为这两个环境不支持cookie，可以storage进行存储，发起请求时放到header中。如果请求发生了跨域，一般情况下，即使有cookie也不会被携带。 ...

uniapp获取cookie

04-22

Uniapp 是一款跨平台的开发框架，它的本质是一个基于 Vue.js 的前端框架，可以用于开发多个平台下的应用程序。在 Uniapp 中获取 cookie，可以通过在发送请求的时候添加 headers 的方式实现。具体的代码如下所示： ``` javascript uni.request({ url: 'https://example.com/api', method: 'GET', header: { 'Cookie': 'key=value' }, success: function(res) { console.log(res.data); } }); ``` 在 headers 中添加 Cookie 属性，并设置相应的值即可获取 cookie。需要注意的是，获取 cookie 需要在服务端先设置 cookie，前端才能够获取到。