Flask和vue的cookie传递爬坑之旅

最新推荐文章于 2023-06-13 14:31:30 发布
最新推荐文章于 2023-06-13 14:31:30 发布
阅读量811 收藏 2
点赞数 1
分类专栏： Flask
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45276820/article/details/102834058
版权

跳坑经过

  • 前面的界面和后端编写很顺利

  • 到了session保持这里出现了问题，和网上的教程一样，但是为什么我的session没办法传递变量呢

  • 起初一直怀疑是我的后端配置少了什么东西，问群里大佬，各种百度，发现网上的demo如果不结合前端，独立运行都是可以实现的

  • 经过2天的奋斗，发现了redis（ps:我的session是放到redis中的）中每次请求都会生成一次session

  • 然后我使用jmeter，模拟请求并保存cookie，神奇的发现什么问题都没有，redis正常了，session的传递也正常了

  • 到了这里定位到了问题在于cookie的传递（本地没有存储cookie）

  • 百度如何跨域请求传递cookie，引入axios时，加上一句代码

     import axios from 'axios'
 axios.defaults.withCredentials = true

  • 问题解决了，但是我用的是localhost（如果项目都布在一台机器的话，已经可以实现了）

  • 旁边的大佬告诉我，如果是不同域名的话，还是会有问题，换成ip访问果然又获取不到session

  • 大佬给的思路，后端读取加密的session ->>传递给前端，前端接收之后存到Local Storage 或者 Sission Storage中,继续去百度后端如何读取session，解决之后再来更新

后续补充

  • 前面说到用sessionstorage存储session，很长一段时间确实没什么问题，直到我往session中放了一个变量之后，开始出现问题，有时候还是会生成一个新的session，导致获取不到里面的变量
  • 目前我是在登录的时候手动设置set-cookie和过期时间，基本解决了问题，但是没明白原理，有路过的大佬可以指点一下
神仙_GG
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
vue+flask+redis+session+mysql+人脸识别.zip
01-05
整个小说网站采用vue-cli脚手架搭件，前后端分离flask+vue，在登录的时候可以采用人脸登录和密码登录，session存储在redis数据库中，mysql存储用户书架以及账号密码相关信息和所有书籍信息
flask Session 操作
brook_的博客
07-07 3052
转载地址:http://www.cnblogs.com/chen0427/p/8886789.html Session的基本概念: session和cookie的作用有点类似，都是为了存储用户相关的信息。不同的是，cookie是存储在本地浏览器，session是一个思路、一个概念、一个服务器存储授权信息的解决方案，不同的服务器，不同的框架，不同的语言有不同的实现。虽然实现不一样，但是他们的目的...
Flask+VUE前后端分离的登入注册系统实现
向着光的那方
03-10 1844
如果你有一个包含JSON数据的JavaScript对象或变量，可以通过点号访问该对象的属性，或通过方括号访问该对象的属性或数组中的元素。在Vue中，如果你从后端API获取JSON数据并将其存储在组件的data对象中，可以通过点号或方括号访问其中的值。是一个浏览器API，可以存储键值对，这些数据将在浏览器会话期间保存。在Vue中，可以使用以下代码将数据存储在。方法，我们可以获取之前存储的数据。你可以使用类似的方法来访问其他属性或数组中的元素。）来访问对象中的属性或数组中的元素。中的数据，可以在Vue组件的。
FLASK+VUE--前后端分离（五）- VUE测试/线上/开发环境地址配置+拦截器+全局导航守卫+基础配置+获取设置Cookie/session等系列
万物皆有灵
12-14 4186
FLASK+VUE–前后端分离（一）- Flask基础讲解之路由、视图函数及代码实现 FLASK+VUE–前后端分离（二）- VUE基础安装及项目的简易介绍 FLASK+VUE–前后端分离（三）- VUE+Element-UI搭建登陆页面且能够正常登陆 FLASK+VUE–前后端分离（四）- VUE+Element-UI简单搭建主页布局 一、VUE测试线上环境地址配置 1、创建目录： view文件夹–> config文件夹 --> 创建axios.js文件（配置环境切换） 在项目根目录下创建 .
详解Vue爬坑之vuex初识
01-19
在 Vue.js 的项目中，如果项目结构简单， 父子组件之间的数据传递可以使用 props 或者 $emit 等方式. 但是如果是大型项目，很多时候都需要在子组件之间传递数据，使用之前的方式就不太方便。Vue 的状态管理工具 ...
Vue.js入门爬坑项目实例1
09-01
整个文件就是官网：https://cn.vuejs.org/v2/guide/#Vue-js-是什么 入门介绍，虽然官网介绍的步骤着实详尽，但作为萌新入门还是有一些坑， 特将自己爬坑的代码贡献出来。希望对大家能有帮助。
VUE前端cookie简单操作
12-28
如下是简单cookie操作，当前仅限前端实例，具体内容如下 要注意的有两点： 1、cookie内容存贮的名称 2、删除cookie是通过设置过期为过去时间实现的 <body> <button @click=clearCookie()> 清除...
python+vue实现网站爬虫&数据分析案例
最新发布
06-28
基础环境：python + flask + vue + element-ui + echarts python_spiders -- 爬虫后台项目 python_spiders_web -- 爬虫前台项目 运行环境 python 3.8.3 + nginx + mysql 项目技术(必填) Python 3.8.3 + flask +...
解决前后端交互 SpringBoot Vue 后端发送的 Cookie 前端无法接收问题！
weixin_46076175的博客
03-05 1409
解决 vue 无法获取后端 Cookie ，axios 请求不携带cookie信息的问题
vue+flask完成登录验证和session的使用
champion
06-12 8651
使用vue判断验证用户登录状态 导航钩子类似于生命周期钩子，包含路由进入前，进入后，更新时，退出前等几个周期，主要用于控制导航的前进后退或跳转等。 其中router.beforeEach就是路由进入前的周期，同时有路由的来源和去向两个参数，可以判断和控制当前路由的走向和重定向。 一般router.beforeEach配合vuex全局状态储存使用，验证用户登录状态。也可以结合sessio...
Flask+Vue搭建系统
热门推荐
丁爸的博客
06-14 1万+
一个人的系统欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdow
记录flask和vue的前后端交互
weixin_44787766的博客
07-18 3579
python使用flask作为后端，前端使用vue框架搭建界面，使用axios方法实现前后端数据交互
python使用 flask+vue 制作前后端分离图书信息管理系统
weixin_62853513的博客
06-13 2289
大家早好、午好、晚好吖 ❤ ~欢迎光临本文章前端部分首先，我们可以使用 VueJS 作为前端框架，并通过 Vue CLI 工具进行创建和管理项目。后端部分后端部分我们可以采用 Python Flask 框架,这个框架是一个轻量级的Web框架，十分适合快速开发API接口。前端和后端交互前后端的交互可以采用 Restful API 设计的方式进行，例如创建一个图书列表接口，前端只需要发送一个 GET 请求给后端，后端通过查询数据库，返回 JSON 格式的数据给前端。数据库。
flask session_Flask in Action - Session
weixin_39655160的博客
11-22 98
本文是讲述 flask 的 session 实现以及 session 的原理Http SessionHttp 协议被广泛的用于 B/S or C/S 结构中端跟服务器之间通信，众所周知 Http 是一种无状态协议，当用户通过客户端/浏览器调用服务端接口登录后，用户再次调用服务端接口时，这2个请求是隔离的（isolated），这时候为了避免要求重复登录并保持会话，但是请求又保持独立，就需要存储用户鉴...
Flask（12）- 操作 Session
qq_33801641的博客
07-17 256
前言 Session 详解：https://www.cnblogs.com/poloyy/p/12513247.html 这一节来瞧一瞧如何用 Flask 操作 Session 功能 list 提供操作 Session 的 4 项功能 页面路径功能 /set 在 Session 中存储一个名称为 ‘user’、值为 ‘tom’ 的变量 /get 获取 Session 中名称...
Flask+Vue基本配置
qq_42124528的博客
02-09 1159
flask主要代码 app.py from app import create_app app = create_app() if __name__ == '__main__': app.run() app/__init__.py from flask import Flask, jsonify from flask_cors import CORS from flask_restful import Api, Resource app = Flask(__name__) CORS(ap
Vue+Flask实现前后端分离并交互
Qiu的博客
09-09 3957
Vue+Flask实现前后端分离并交互
flask之源码解读session处理流程
Quincy.Coder的博客
01-09 396
#这里会执行Flask.__call__()方法 app.run(debug=True, use_reloader=True) #这里执行__call__方法 def __call__(self, environ, start_response): """Shortcut for :attr:`wsgi_app`.""" return self.wsgi_app(environ,
Vue 爬坑之路（二）—— 组件之间的数据传递
05-26
好的，来谈谈 Vue 组件之间的数据传递。 1. 父组件向子组件传递数据 父组件可以通过 props 将数据传递给子组件，子组件通过 props 接收数据。 父组件： ``` <template> <div> <child-component :message="msg"></child-component> </div> </template> <script> import ChildComponent from './ChildComponent' export default { components: { ChildComponent }, data () { return { msg: 'hello' } } } </script> ``` 子组件： ``` <template> <div>{{ message }}</div> </template> <script> export default { props: ['message'] } </script> ``` 2. 子组件向父组件传递数据 子组件可以通过 $emit 触发事件并传递数据，父组件通过 v-on 监听事件并接收数据。 子组件： ``` <template> <div> <button @click="sendMessage">发送消息</button> </div> </template> <script> export default { methods: { sendMessage () { this.$emit('send-message', 'hello') } } } </script> ``` 父组件： ``` <template> <div> <child-component @send-message="getMessage"></child-component> <div>{{ receivedMessage }}</div> </div> </template> <script> import ChildComponent from './ChildComponent' export default { components: { ChildComponent }, data () { return { receivedMessage: '' } }, methods: { getMessage (message) { this.receivedMessage = message } } } </script> ``` 以上就是 Vue 组件之间的数据传递方式，希望能对你有帮助。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值