1前言本文主要介绍借助解决Vue前后端跨域问题的几种方式说到ajax请求，就不得不说下xhr(XMLHttpRequest)了，它可以说是鼻祖，但是实际开发中，我们不会直接使用它，而是进行二次封装或者使用成熟的第三方封装，比如JQuery，axios本文将会使用axios进行请求2axios介绍既然说到封装了，那就不得不提到axios了，它和JQuery相比，它支持请求拦截器和响应拦截器，并且体积很小，大约是JQuery的四分之一体积，一般在vue项目里面，基本都是使用axios请求下载axios想要使用axios，必须先下载它，打开终端，输入npmiaxios这个库非常的小，安装很快引入ax
1前言本文主要介绍借助解决Vue前后端跨域问题的几种方式说到ajax请求，就不得不说下xhr(XMLHttpRequest)了，它可以说是鼻祖，但是实际开发中，我们不会直接使用它，而是进行二次封装或者使用成熟的第三方封装，比如JQuery，axios本文将会使用axios进行请求2axios介绍既然说到封装了，那就不得不提到axios了，它和JQuery相比，它支持请求拦截器和响应拦截器，并且体积很小，大约是JQuery的四分之一体积，一般在vue项目里面，基本都是使用axios请求下载axios想要使用axios，必须先下载它，打开终端，输入npmiaxios这个库非常的小，安装很快引入ax
目录jQuery中的Ajax请求超时与网络异常处理取消请求Ajax请求—fetch()跨域jQuery中的Ajax在jQuery中应该如何发送Ajax请求呢？看到这篇文章你就能大概了解到如何在jQuery中发送Ajax。要想使用jQuery框架，肯定是需要引进jQuery资源的，有两种方式，一种是将资源下载到本地，另一种是直接引入网站jQuery链接，推荐大家一个比较好用的网站：bootcdn其网站致力于为许多像Bootstrap、jQuery、Angular、Vuejs一样优秀的前端开源项目提供稳定、快速的免费CDN加速服务。点击相关需求，引入相关链接到HTML里面即可，请看如下操作：Doc
目录jQuery中的Ajax请求超时与网络异常处理取消请求Ajax请求—fetch()跨域jQuery中的Ajax在jQuery中应该如何发送Ajax请求呢？看到这篇文章你就能大概了解到如何在jQuery中发送Ajax。要想使用jQuery框架，肯定是需要引进jQuery资源的，有两种方式，一种是将资源下载到本地，另一种是直接引入网站jQuery链接，推荐大家一个比较好用的网站：bootcdn其网站致力于为许多像Bootstrap、jQuery、Angular、Vuejs一样优秀的前端开源项目提供稳定、快速的免费CDN加速服务。点击相关需求，引入相关链接到HTML里面即可，请看如下操作：Doc
目录1什么是跨域 2解决 1jsonp(缺点：不能请求post请求） 1index.html页 2 proxy.js页面 搭建一个服务器（写好代码后，在cmd上启动） 3效果2服务端代理（由于后端请求不受浏览器同源策略影响，将前端跨域请求放在后端） 1下载 http-proxy-middleware（提前下载nodejs,再在cmd下载~） 2**proxy.js页面 搭建一个服务器（写好代码后，在cmd上启动） 3index.html页面
目录1什么是跨域 2解决 1jsonp(缺点：不能请求post请求） 1index.html页 2 proxy.js页面 搭建一个服务器（写好代码后，在cmd上启动） 3效果2服务端代理（由于后端请求不受浏览器同源策略影响，将前端跨域请求放在后端） 1下载 http-proxy-middleware（提前下载nodejs,再在cmd下载~） 2**proxy.js页面 搭建一个服务器（写好代码后，在cmd上启动） 3index.html页面
一篇文章彻底解决跨域设置cookie问题！大家好我是雪人~~⛄之前做项目的时候发现后端传过来的SetCookie不能正常在浏览器中使用。是因为谷歌浏览器新版本Chrome80将Cookie的SameSite属性默认值由None变为Lax。接下来带大家解决该问题。原理讲解我们可以看到Cookie有以下属性Cookie属性名称：Cookie的name。值：Cookie的value。Domain：Cookie的域。如果设成xxx.com(一级域名)，那么子域名x.xxx.com(二级域名)，都可以使用xxx.com的Cookie。Path：Cookie的路径。如果设为/，则同域名全部路径均可使用该C
一篇文章彻底解决跨域设置cookie问题！大家好我是雪人~~⛄之前做项目的时候发现后端传过来的SetCookie不能正常在浏览器中使用。是因为谷歌浏览器新版本Chrome80将Cookie的SameSite属性默认值由None变为Lax。接下来带大家解决该问题。原理讲解我们可以看到Cookie有以下属性Cookie属性名称：Cookie的name。值：Cookie的value。Domain：Cookie的域。如果设成xxx.com(一级域名)，那么子域名x.xxx.com(二级域名)，都可以使用xxx.com的Cookie。Path：Cookie的路径。如果设为/，则同域名全部路径均可使用该C
了解iframe官方定义为：iframe是HTML标签，作用是文档中的文档，或者浮动的框架(FRAME)。iframe元素会创建包含另外一个文档的内联框架（即行内框架）。简单理解为：iframe是一个内联框架，可以在当前HTML页面中嵌入另一个文档。iframe的属性这里只介绍常用属性name:规定的名称。width:规定的宽度。height:规定的高度。src:规定在中显示的文档的URL。frameborder:HTML5不支持。规定是否显示周围的边框。属性值为1或者0，1代表有边框，0代表无边框。scrolling:HTML5不支持。规定是否在中显示滚动条。属性值为yes、no、auto。
了解iframe官方定义为：iframe是HTML标签，作用是文档中的文档，或者浮动的框架(FRAME)。iframe元素会创建包含另外一个文档的内联框架（即行内框架）。简单理解为：iframe是一个内联框架，可以在当前HTML页面中嵌入另一个文档。iframe的属性这里只介绍常用属性name:规定的名称。width:规定的宽度。height:规定的高度。src:规定在中显示的文档的URL。frameborder:HTML5不支持。规定是否显示周围的边框。属性值为1或者0，1代表有边框，0代表无边框。scrolling:HTML5不支持。规定是否在中显示滚动条。属性值为yes、no、auto。
