Kuroko's Development Notes

《前端简史》系列技术分享课程通过讲述前端演变的发展历史，介绍前端重要技术的实现原理与使用方法，带你走进前端，感受前端的“前世今生”，结交前端历史上举足轻重的几位“大佬”，例如：Ajax、Node、Webpack、SPA、PWA、RN、Flutter等等。...

如图，情景描述：我在开发环境上，引用了yapi的mock数据，但是此处并不需要模拟Set-Cookie的操作，but我请求中的withCredentials一旦打开就会影响到每个请求的响应头必须去设置：Access-Control-Allow-Credentials: trueAccess-Control-Allow-Origin: http://localhost:8080才...

默认请求数据的格式是这样的：修改请求头信息headers: {  'Content-Type': 'application/x-www-form-urlencoded'  }修改请求数据// 修改请求数据 transformRequest: [function (data, headers) { let ret = '' ...

一、场景再现当前一个需求，前端不同的域名去请求同一个后端域名服务，导致cookie共用相互影响。例子：http://m.test1.com、http://m.test2.com、http://m.test3.com用户访问以上3个链接时，后端请求访问的服务为同一个：http://meng.test.com解决方案：跨域过程中要尽量避免多对一的映射，采用一对一的方式。将每...

一、前言关于前后端分离的概念，之前个人的理解主要停留在开发模式上的分离，而实际上要真正实现前后端完全分离还需要涉及部署环境的分离，所有此处介绍的前后端分离应该是web应用的一种架构模式。如图，在传统架构模式中，前后端代码存放于同一个代码库中，甚至是同一工程目录下。页面中还夹杂着后端代码。前后端工程师进行开发时，都必须把整个项目导入到开发工具中（当前我们微信提现的项目就是属于此类）。...

前端关键代码：如图，在请求上加个 withCredentials: true 即可。 当然，这只是前端打开一个开口而已，后端做的事情可就多了。如图，后端服务在进行跨域处理的时候，需要将 Access-Control-Allow-Credentials 设为 true 即可。 原理：以上前后端设置的ture属性（withCredentials、Access-Con...

此处以一个简单的测试用户登录接口为例。。。如果一个网站的登录模块设计的很简单的话，可以通过不断发起请求去测试一个账号的密码。。。// 第一步：创建 XMLHttpRequest 对象var xmlhttp;if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp =...