随笔分类 -  跨域

VS Code——Live Server的简介、安装与使用
摘要：VS Code——Live Server的简介、安装与使用 基本概念 Live Server：一个具有实时加载功能的小型服务器，可以使用它来破解html/css/javascript，但是不能用于部署最终站点。也就是说我们可以在项目中实时用live-server作为一个实时服务器实时查看开发的网页或 阅读全文
posted @ 2022-11-03 22:18 威武的大萝卜 阅读(17820) 评论(0) 推荐(0)
解决本地浏览器运行项目时的跨域问题-Access to XMLHttpRequest at ‘file:///D:/WebPracties/newSmartCity/data/funData.json
摘要：解决本地浏览器运行项目时的跨域问题-Access to XMLHttpRequest at 'file:///D:/WebPracties/xxxxxx/data/funData.json问题描述解决办法一解决办法二解决方法三问题描述这几天做项目的时候，遇到这样一个问题，写了一个页面，用js动态的创 阅读全文
posted @ 2022-11-03 21:43 威武的大萝卜 阅读(1726) 评论(0) 推荐(0)
Vue + axios + SpringBoot 2实现导出Excel
摘要：Vue + axios + SpringBoot 2实现导出Excel 1. 前端js代码-发送Http请求 /** * 文件下载 * @param url 下载地址 * @param fileName 文件名称 * @param params 参数 */ downloadFile: functio 阅读全文
posted @ 2022-10-11 17:17 威武的大萝卜 阅读(347) 评论(0) 推荐(0)
九种跨域方式实现原理（完整版）
摘要：前言 前后端数据交互经常会碰到请求跨域，什么是跨域，以及有哪几种跨域方式，这是本文要探讨的内容。 本文完整的源代码请猛戳github博客，纸上得来终觉浅，建议大家动手敲敲代码。 一、什么是跨域？ 1.什么是同源策略及其限制内容？ 同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源 阅读全文
posted @ 2022-01-07 10:51 威武的大萝卜 阅读(66) 评论(0) 推荐(0)
AJAX学习笔记2：XHR实现跨域资源共享（CORS）以及和JSONP的对比----转载
摘要：1 前言： 首先对参考文章作者表示感谢本文致力于解决AJAX的CORS问题，我在逻辑上进行了梳理：首先，系统的总结了CORS问题的起源—同源策略；其次，介绍JSONP这种仅能支持GET请求的跨域方式和CORS作对比；最后，阐述CORS的XHR解决方式和IE中的XDR解决方式，在此基础上提供了工具函数 阅读全文
posted @ 2021-07-08 16:12 威武的大萝卜 阅读(337) 评论(0) 推荐(0)
造成跨域的原因和解决方法
摘要：浏览器的同源策略是浏览器上为安全性考虑实施的非常重要的安全策略。从一个域上加载的脚本不允许访问另外一个域的文档属性。举个例子：比如一个恶意网站的页面通过iframe嵌入了银行的登录页面（二者不同源），如果没有同源限制，恶意网页上的javascript脚本就可以在用户登录银行的时候获取用户名和密码。何 阅读全文
posted @ 2020-11-06 14:43 威武的大萝卜 阅读(502) 评论(0) 推荐(0)
跨域造成原因和解决方法
摘要：1.跨域指？ 跨域是指浏览器的不执行其他网站脚本的，由于浏览器的同源策略造成，是对JavaScript的一种安全限制 说白点理解，当你通过浏览器向其他服务器发送请求时，不是服务器不响应，而是服务器返回的结果被浏览器限制了。 同源策略的同源 同源指的是协议、域名、端口 都要保持一致 http://ww 阅读全文
posted @ 2020-11-06 14:41 威武的大萝卜 阅读(1325) 评论(0) 推荐(0)
解决ajax跨域问题【5种解决方案】
摘要：解决ajax跨域问题【5种解决方案】 什么是跨域问题?跨域问题来源于JavaScript的"同源策略"，即只有 协议+主机名+端口号 (如存在)相同，则允许相互访问。也就是说JavaScript只能访问和操作自己域下的资源，不能访问和操作其他域下的资源。跨域问题是针对JS和ajax的，html本身没 阅读全文
posted @ 2020-05-20 13:31 威武的大萝卜 阅读(4362) 评论(0) 推荐(1)
指的是浏览器不能执行其他网站的脚本,是浏览器的安全限制
摘要：指的是浏览器不能执行其他网站的脚本,是浏览器的安全限制 跨域的区别 1.非跨域请求 http://www.123.com/index调用http://www.123.com/userinfo 2.跨域请求 主域名不同 http://www.123.com/index调用http://www.321. 阅读全文
posted @ 2020-05-10 10:04 威武的大萝卜 阅读(278) 评论(0) 推荐(0)
项目中常遇到的几种跨域方案
摘要：项目中常遇到的几种跨域方案 1.jsonp jsonp属于最老的一种跨域方案了，我在现在的项目中已经很少见到 $('#btn').click(function(){ var frame = document.createElement('script'); frame.src = 'http://l 阅读全文
posted @ 2020-05-10 10:02 威武的大萝卜 阅读(312) 评论(0) 推荐(0)
多种解决react中跨域问题方案
摘要：多种解决react中跨域问题方案 在网上看到了多种解决react跨域的方法，但是在实际的项目中并不是所有的方法都是可行的。 一、最简单的操作在package.json中加入 "proxy": "http://localhost:8000"然后你页面中的请求fetch('/api/userdata/' 阅读全文
posted @ 2020-05-10 09:58 威武的大萝卜 阅读(11850) 评论(0) 推荐(0)
前端常见跨域解决方案（全）
摘要：前端常见跨域解决方案（全） 中间件跨域postmessagenginxcors 什么是跨域？ 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。 广义的跨域： 1.) 资源跳转： A链接、重定向、表单提交 2.) 资源嵌入： <link>、<script>、<img>、<fr 阅读全文
posted @ 2020-04-30 08:52 威武的大萝卜 阅读(249) 评论(0) 推荐(0)