前端从跨域到跑路

LangGraph 实战教程:搭建一个智能办公多Agent协作平台 只存储必要的信息:不要把所有的原始数据都存储在状态中,比如销售数据可以存储在数据库或向量数据库中,状态中只存储数据的 ID 或摘要。使用类型提示:避免类型错误,提高代码的可维护性。支持增量更新:LangGraph 默认支持状态的增量更新(通过reduce函数),比如messages列表可以通过追加新消息的方式更新,而不是每次都重新创建整个列表。Normal Edge 的定义非常简单,只需要在StateGraph对象(稍后会详细讲解)上调用add_edge# 创建一个 StateGraph 对象。 阅读详情

前端跨域问题

  • 解决跨域问题首先必须了解同源策略
同源策略,它是由Netscape提出的一个著名的安全策略。
现在所有支持JavaScript 的浏览器都会使用这个策略。所谓同源是指,域名,协议,端口相同。
例如:
当你从你本地http://127.0.0.1:8080访问你的项目接口http://www.xxxxxx.cn/api/..时,
http://127.0.0.1:8080 中 http就是协议  127.0.0.1为你本机ip地址  端口号为8080
而在你项目接口中  
www.xxxxx/cn即为域名(一般域名都会被DNS解析为ip地址) 端口号也有默认值
此时很明显,我们没有做到同源策略的规定,没有保证三者(协议,域名,端口号)一致,跨域的问题便接踵而来

怎么解决?其实网上有大多解决方案,此处我要记录的不是此问题,所以就不做阐述

 一般跨域解决方案,当然也是我比较常用的,如下
1.通过jsonp跨域;
2.nodejs中间件代理跨域,如vue+node.js
3.nginx代理跨域等等,当然适自己的情况而定
4.此外还可以对chrome浏览设置 可参考:https://www.cnblogs.com/cshi/p/5660039.html

  • 记录一大坑----- cookies跨域问题

项目中开始做登录,在使用ajax请求登录接口的时候,后台返回给我的set-cookie居然没有保存到我本地?

说明:

1.后台采用php的laravel框架,将状态信息保存在服务器session,返回给客户端的set-cookies虽然在响应信息中,但是没有保存到我本地cookies;

2.关于登录状态信息的保存一般会使用cookie会话机制和token;

就在发现这个问题的时候,后台说让我用form表单提交,不用ajax了,what????

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>登录测试</title>
    <script src="./js/jquery-1.11.0.js"></script>

</head>

<body>
    <formid="doctorLoginForm">
        <input type="text" name="username" id="username" placeholder="请输入手机号码"><br>
        <input type="password" name="password" id="password" placeholder="请输入密码"><br>
        <input type="button" id="doctorLogin" value="登录"></input>
    </form>
</body>
<script>
    $(document).ready(function() {
        $("#doctorLogin").click(function() {
            $.post("http://xxxx.cn/login", {
                username: $("#username").val(),
                password: $("#password").val()
            }, function(res) {
                console.log(res);
            }, "json")


        })
    })
</script>

</html>

登录接口使用ajax,set-cookies保存不到本地,然后我就使用表单提交

 <form action="http:/www.xxxx.cn/login" method="POST" id="doctorLoginForm">
        <input type="text" name="username" id="username" placeholder="请输入手机号码"><br>
        <input type="password" name="password" id="password" placeholder="请输入密码"><br>
        <input type="submit" id="doctorLogin" value="登录"></input>
  </form>

看来表单提交一瞬间就成功的跳转页面了,返回登录成功的json信息,结果奇迹出现了,set-cookies的值保存到了本地

可是一看,不对劲啊,页面跳转了,而且本地cookie中的域名不在是我本地的了 127.0.0.1,变成了项目域名www.xxxx.cn

然后尝试各种模拟表单提交的骚操作,比如:ifream隐藏,禁止页面跳转等等,结果都不行。能不麻烦别人就别麻烦别人嘛!

问题还是要解决的,把代码从本地提交到服务器上一跑,乖乖,奇迹出现了。切,这算什么奇迹,不就是当前本地地址换成了和接口相同的域名吗,直到此刻,才发现cookie跨域是个坑

对cookie没有深入了解,还是自己的锅!!!!

 

【AI编程干货】Vibe Coding 技巧(适用于AI编程IDE) 用 AI 写代码这件事门槛低,谁都能对着对话框输入几句话让它生成代码,但生成的东西能不能用、出了问题能不能兜住,这中间的差距比想象中大得多。 我从去年开始把 AI 编码工具作为主力开发手段,中间经历过项目失控、代码雪崩、反复返工,慢慢摸索出一套相对稳定的工作方式。这篇把核心的五个习惯拆开聊聊,都是实际项目里验证过的。 阅读详情

相关推荐

LTX-2.3 V1.6:8G显存本地AI视频生成工具与int8量化加速实践

这次我们来看一个本地部署的AI视频生成工具——LTX-2.3文字图片生成带音频视频工具V1.6版本。这个工具最大的特点是支持int8量化加速,相比原版提速2-4倍,效果更好,而且8G显存就能运行,不需要搭建复杂环境,解压即可使用。 对于想要在本地电脑上快速生成带音频视频内容的用户来说,这个工具解决了几个关键痛点:首先是硬件门槛低,8G显存意味着大多数主流游戏显卡都能胜任;其次是部署简单,避免了Python环境配置、依赖包冲突等常见问题;最后是性能优化明显,int8加速让生成速度大幅提升。 本文会重点演示如何

hqmln的博客 1234

当前端基建任务落到你身上,该如何推动协作?

前言 作为一名野生的前端开发,自打本猿入行起,就未经过什么系统的学习,待过的团队也是大大小小没个准儿: 要么大牛带队,但是后端大牛。 要么临时凑的团队,受制于从前,前端不自由。 要么从 0 到项目部署,都是为了敏捷而敏捷,颇不规范。 话虽如此,经过 4 年生涯摧残的废猿我,也是有自己的一番心得体会的。 1. 从DevOps流程看前端基建 很多专注于切图的萌新前端看到这张图是蒙圈的: DevO...

好记性不如烂键盘 277

LTR-390UV-01对比VEML6075:5个真实项目中的选型避坑指南

本文对比了LTR-390UV-01和VEML6075两款环境光传感器在5个真实项目中的表现,提供了选型避坑指南。通过智能手环、农业温室、紫外线消毒柜等场景的实测数据,分析了动态范围、抗干扰性、温度稳定性等关键差异,帮助开发者在成本与性能间做出最优选择。

weixin_28733777的博客 220

公司拖欠后端工资逼急了可以删库跑路,逼急了前端该如何何去何从?

loonggg读完需要4分钟速读仅需 2 分钟最近我在知乎上看到一个非常有意思的问题:公司拖欠后端工资逼急了可以删库跑路,逼急了前端该如何何去何从?我感觉提问这个问题的同学,显然感觉前端的...

非著名程序员 9632

IEEE Transaction期刊模板使用注意事项

本文将总结使用IEEE Transactions系列期刊的投稿模板时的一些注意事项,包括模板本身的使用规范、参考文献的正确格式等其他内容。

weixin_39529207的博客 2万+

Win10安全模式下修改C盘权限的完整指南(附解决开始菜单失灵方案)

本文提供了一份在Win10安全模式下修复因C盘权限误改导致开始菜单失灵的完整指南。文章深入剖析了权限体系,特别是TrustedInstaller角色的重要性,并详细讲解了通过安全模式进入系统、使用ICACLS命令或图形界面精准重置C盘关键目录权限的步骤,最终恢复系统核心功能。

weixin_29250403的博客 234

利用javascript跨域访问cookie之广告推广

在上一篇《说一说javascript跨域和jsonp》中,利用JSONP进行了跨域的数据访问,利用JS本身的跨域能力在远端生成HTML结构的方式完成了一个小广告。 在实际应用中, 跨域使用天气预报组件可以使用上面的方式实现,另外一种常用的就是显示某些电商的广告,此广告中会滚动您访问过的产品或者关联想推介给你的产品。   比如在某个A网页中显示了两种广告: 某东的广告,里面显示的东西,都是访...

weixin_34055787的博客 181

超速U盘选购避坑指南:如何通过Rx Detect机制识别真伪USB3.0设备

本文深入解析了USB 3.0超速U盘的选购避坑要点,重点介绍了通过Rx Detect机制识别真伪设备的核心原理。文章提供了从软件检测到实际性能测试的完整方案,帮助消费者和技术人员有效辨别虚假的USB3.0设备,确保获得真正的超速传输体验。

weixin_29189373的博客 443

前端跨域请求get_web前端跨域的一些解决方案

没有归纳之前对跨域的一些说法是模糊的,什么jsonp啊,跨域原理啊,心里只有一个大概的说法,知道这个东西,然后用的时候直接百度Ctrl+C,后来闲下来决定整理一波这些知识点,需知其所以然。模糊状态什么是跨域域名相同端口号相同协议相同那么以上条件只要有一个不同,都被当作是不同的源,会出现跨域的问题。为什么会出现这个问题呢?因为浏览器的同源策略。简单来说:同源策略限制了从同一个源加载的文档或脚本如何与...

weixin_39805883的博客 322

使用 Simulink 实现基于相控阵雷达的波束形成技术

摘要:本文详细介绍了利用MATLAB Simulink和Phased Array System工具箱实现相控阵雷达波束形成的完整流程。主要内容包括:1)创建Simulink模型;2)设计天线阵列参数;3)信号生成模块配置;4)波束形成算法实现;5)结果可视化方法;6)仿真调试与优化;7)代码导出与部署。通过分步指导,读者可以掌握从理论到实践的完整开发流程,包括关键参数设置和算法实现示例。该方案适用于军事、气象等领域的雷达系统开发,并支持后续嵌入式和智能算法集成。

xiaoheshang_123的博客 179

手把手教你 Ubuntu 24.04 离线安装 Ollama

本文介绍 Ubuntu 下离线安装 Ollama 并使用 Ollama 部署 llama3.1-70b 大模型

举世誉之而不加劝,举世非之而不加沮,定乎内外之分,辩乎荣辱之境,斯已矣。 1018

web前端跨域的一些解决方案

没有归纳之前对跨域的一些说法是模糊的,什么jsonp啊,跨域原理啊,心里只有一个大概的说法,知道这个东西,然后用的时候直接百度Ctrl+C,后来闲下来决定整理一波这些知识点,需知其所以然。 模糊状态 什么是跨域 域名相同 端口号相同 协议相同 那么以上条件只要有一个不同,都被当作是不同的源,会出现跨域的问题。 为什么会出现这个问题呢?因为浏览器的同源策略。简单来说:同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。这个安全机制

stc90c51的博客 241

PostgreSQL的学习心得和知识总结(一百二十六)|深入理解PostgreSQL数据库SQL执行时间计算 \timing 和 log_duration的使用和原理

1、参考书籍:《PostgreSQL数据库内核分析》2、参考书籍:《数据库事务处理的艺术:事务管理与并发控制》3、

孤傲小二~阿沐的博客 984

Spring MVC 教程-跨域问题详解

同源策略是浏览器的一个重要的安全策略,它用于限制一个源的文档或其加载的脚本如何与另外一个源进行交互,它能够隔绝恶意文档,减少被攻击的媒介。如果两个URL的协议主机名和端口号都是相同的,那么这两个URL就是同源的,否则不同源,不同源的访问就会出现跨域问题,就会出现上面的错误。下表给出了与 URLURL结果原因同源只有路径不同非同源协议不同非同源端口号不同非同源主机名不同也就是说当在这个网站中向和三个地址发起AXJX请求都会失败并且会报跨域的错误。

smart_an的专栏 1460

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表,创建专业级图表以简化复杂的信息。

OV9734 DATASHEET,完整规格书

OV9734完整规格书,包括电气参数,尺寸规格,寄存器配置表等

前端跨域问题解决办法, Nginx配置为例

docker-componse.yml需要配置文件/目录/端口等映射关系,否则基于docker启动的Nginx无法访问。💡 Tips:docker启动Nginx 需要配置docker-componse.yml文件。💡 Tips:可以将多个系统融合成一个系统,无技术壁垒,可以像iframe一样实现功能组合。💡 Tips:跨域就是非同源网站发起请求,浏览器安全策略保护机制导致的。● 文件跨域:html页面,静态资源跨域等。● 接口跨域:get,post等等请求跨域。携程支持(团队已跑路)(腾讯支持)本人推荐。

良_123的专栏 349

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

前后端分离下产生的跨域问题对cookie无法存储和请求

最近公司在做使用cas实现单点登录的过程中,出现许多的坑,其中在前后端分离的架构背景下,由于跨域问题导致的Cookie-session认证机制变得不太可行,其根本原因就是在不同源下,。

zkk的博客 1986

nginx配置跨域--OPTIONS

这是根据跨域资源共享(CORS)规范定义的行为。在预检请求中,浏览器会发送一个 `OPTIONS` 请求,并携带一些跨域相关的头字段,如 `Origin`、`Access-Control-Request-Method`、`Access-Control-Request-Headers` 等。因此,当你在发送 `PATCH` 请求时,如果服务器没有正确配置跨域访问的相关响应头,浏览器会先发送一个 `OPTIONS` 请求进行预检,然后根据预检请求的响应头来决定是否继续发送实际的 `PATCH` 请求。

uestczshen的专栏 1879

跑路是IDC厂商的尽头?结合经历告诉你答案!

首先我先自我介绍一下,我叫 小洛天 ,作为一个18岁的小屁孩,已经拥有了 腾讯/阿里 两家大厂的实习经验(虽然都不得善终)🥹,说多了这都是泪呀!但是在IDC行业中,我还是有较多的发言权哒!(如果你想直接看结论,可以直接跳转至3.)

2301_80376048的博客 648

2年前端 杭州 面试 集合 面经 前端

前言 说一点废话吧,算是吐槽。 现在杭州的氛围很怪,双休都可以拿出来吹的那种。唉,不过虽然是疫情,前端的岗位还是蛮多的,我基本上一天2个面试。在未来科技城和滨江两头跑。不过现在已经入职啦。 公司列表 安恒科技 -> 挂在4面副总裁。 看了知乎上面的评价然后去面的副总裁,发现加班严重,然后期望薪资开的比较高,而且副总裁期间一直在摆弄手机不知道是不是比较忙,场面经常冷静好一会。 博圣生物 -> offer,但是薪资开的比较低,所以没去 数秦科技 -> 已经入职啦 火石创造 ->

cuandeqin2083的博客 1208

python跨域请求_Python编程(三十三):博客实例、JSOP跨域请求、XSS过滤、CMDB

下面是Python之禅网络翻译版,在Python命令行下执行 import this查看英文原版。《Python之禅》, 由蒂姆·彼得斯所著美丽优于丑陋。直白优于含蓄。简单优于复杂。复杂优于繁琐。扁平比嵌套好。稀疏胜于致密。可读性很重要。特殊情况不够特殊, 不足以违反规定。虽然实用性胜过纯洁,错误永远不应该悄无声息地过去,除非明确沉默。面对模棱两可的地方, 拒绝猜测的诱惑,应该有一个--最好是只有...

weixin_39898854的博客 280

炸锅了!删库跑路把“开源”推上了风口浪尖~

《中智观察》第1592篇推送作者:雨涵编辑:苏苏头图来源:哔哩哔哩Gitee酱2022年新年伊始,开源圈被推上了风口浪尖。前有知名开源工具Faker.js 的作者 Marak 故意破坏了 ...

中国软件网 3301

公司拖欠工资,删代码删库跑路,违法么?

最近有个程序员在网上发帖求助:公司拖欠了两个月的工资,现在想把这两个月敲的代码都删掉,然后删库跑路,这么做违法吗?关于删库跑路,妥妥的违法有截图中这种想法并且付之行动的程...

爱编程 5796

突发!Runway 从 HuggingFace 及 GitHub 上删库跑路,背后有何隐情?

突发!2024年8月29日Runway 从 HuggingFace 及 GitHub 上删库跑路,背后有何隐情? 🧐 今天我们来聊一聊科技圈一则爆炸性消息:Runway ML 从 HuggingFace 和 GitHub 上删库跑路,毫无预警!这个举动让整个 AI 社区震惊不已。这一事件表明了开源社区的脆弱性以及企业战略调整可能带来的冲击。对于开发者来说,保持对最新动态的关注、做好备份与应急准备,将是未来的必备技能。

猫头虎技术团队:授渔优于赠鱼,兴趣引领智慧,探索之乐尤显珍贵。商务合作+:Libin9iOak ,万粉变现+:优快云WF,猫头虎承诺每年免费为100名C站创作者做账号流量诊断服务!全网搜:猫头虎技术团队,点击文章底部名片或直接私信我一切皆可谈,快找虎哥! 8337

避免删库跑路的最好办法

???? 这是一个或许对你有用的社群???? 一对一交流/面试小册/简历优化/求职解惑,欢迎加入「芋道快速开发平台」知识星球。下面是星球提供的部分资料:《项目实战(视频)》:从书中学,往事上“练”《互联网高频面试题》:面朝简历学习,春暖花开《架构 x 系统设计》:摧枯拉朽,掌控面试高频场景题《精进 Java 学习指南》:系统学习,互联网主流技术栈《必读 Java 源码专栏》:知其然,知其所以然????这是一个或许...

芋艿V 231

程序员黑话大全:从Bug到删库跑路

本文系统梳理了编程界的专业术语和文化黑话,涵盖通用编程术语(变量、函数、算法等)、开发流程术语(Bug、Debug、CI/CD)、特定语言术语(Python黑话、Java术语)以及程序员文化("Hello World"、"修电脑"等自嘲梗)。文章还揭示了职场黑话的真实含义,如"这个需求很简单"实际表示"做不了","下个版本再加"意味着"根本不想做"。这些术语和黑话不仅是技术交流工具,更体现

记录、分享、学习、思考、赚钱、弯路。 1023
上一篇: webpack简单入门
下一篇: vue+webpack初始化项目一直卡住,在线求解!!!
Eastboat
博客等级 码龄10年 2粉丝 7原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值