项目中常遇到的几种跨域方案 1.jsonp jsonp属于最老的一种跨域方案了，我在现在的项目中已经很少见到 $('#btn').click(function(){ var frame = document.createElement('script'); frame.src = 'http://l ...
分类：
其他好文 时间：
2020-05-10 11:23:58
阅读次数：
83
jsonp跨域访问数据 由于出于HTTP安全问题考虑，ajax是不能获取非本域的文件的。 但是我们可以通过scrip的src请求其他页面。 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jsonp</tit ...
分类：
Web程序 时间：
2020-05-10 11:06:54
阅读次数：
72
一、问题描述 1、浏览器对于ajax请求的一种安全限制：一个页面发起的ajax请求，只能是与当前页域名相同的路径，这能有效的阻止跨站攻击。 二、解决方法 Jsonp：最早的解决方案，利用script标签可以跨域的原理实现 限制：需要服务的支持，只能发起GET请求 nginx反向代理 思路是：利用ng ...
分类：
其他好文 时间：
2020-05-05 11:00:49
阅读次数：
61
总结一下vue打包后问题全记录:大部分开发者webpack基本上都是拿来就用的（并没有系统化的研究）。 一 >>> 打包之后的静态文件不能直接访问：（例如dist）打包后搭个服务器才能访问的！ 选择cd 到dist存放发目录下 npm install http-server -g 二 >>> bac ...
分类：
Web程序 时间：
2020-05-04 17:41:05
阅读次数：
93
1.同源策略 是浏览器安全策略 协议名、域名、端口号必须完全一致。 2.跨域 违背同源策略就会产生跨域 3.解决跨域 jsonp cors 服务器代理。。。 //创建script 标签 var script = document.createElement('script'); //设置回调函数 f ...
分类：
Web程序 时间：
2020-05-04 17:04:17
阅读次数：
100
跨域资源共享(CORS)漏洞详解 浏览器同源策略 同协议,同端口同域名 不运行别的网站访问该网站资源 两种跨域方法 1. JSONP跨域请求 原理 https://www.cnblogs.com/znyu/p/6839617.html jsonp利用script标签具有跨域能力的特点，允许用户通过s ...
分类：
其他好文 时间：
2020-05-03 20:23:42
阅读次数：
165
用原生JS封装一个简单的JSONP，主要是用来理解前端是怎么实现JSONP的。 JSONP跨域是借助<img><script>的src属性，<link>的href属性能够链接外部网站，来实现跨域请求数据。 将跨域请求的链接和参数以链接的方式提交给服务器，同时在链接中附带本地接收JSONP数据函数的函 ...
分类：
Web程序 时间：
2020-05-02 22:31:54
阅读次数：
73
使用ajax技术发送请求代码比较繁琐，因此我们自己封装了ajax函数 但是在jQuery这个库中也封装了ajax方法，而且jQuery封装的方法要比我们自己封装的方法功能上更加强大 一、 $.ajax() 作用：发送ajax请求 $.ajax({ type: 'get', url: 'http:// ...
Ajax请求限制 Ajax只能向自己的服务器发送请求。比如现在有一个A网站、有一个B网站，A网站中的HTML文件只能向A网站服务器中发送Ajax请求，B网站中的HTML文件只能向B网站中发送Ajax请求，但是A网站是不能向B网站发送Ajax请求的，同理，B网站也不能向A网站发送Ajax请求 什么是同 ...
分类：
Web程序 时间：
2020-04-28 10:01:46
阅读次数：
84
当我们在写项目的过程过可能会有遇到接口层级拼接拿取数据的过程，这个时候我们就用到JSONPath首先分析下这个过程： 1、我们可能会通过表单的方式添加一些字段，信息。然后将其传回后台数据库保存 2、这个时候我们就会添加一个esField字段用于储存字段路径。 3、在另一个需要展示的页面将这个字段路径 ...
分类：
Web程序 时间：
2020-04-27 17:53:54
阅读次数：
180
