前言工作中用到了消息推送功能，之前了解过SOCKET 无意中了解到即时通讯框架SocketIO 简单说两句Socket.IO 是什么Socket.IO是一个库，基于 Node.js 的实时应用程序框架。可以在浏览器和服务器之间实现实时，双向和基于事件的通信。它适用于每个平台、浏览器或设备，同样注重可靠性和速度。Socket.IO 起源WebSocket 的产生源于 Web 开发中日益增长的实时通信
转载
2024-08-12 21:08:50
79阅读
1. 概述1.1 说明 在vue项目中，存在直接前端访问某一服务/硬件等情况，一般使用axios/fetch的get方法去访问（服务端允许跨域访问）获取拿到对应信息；但在访问硬件(如身份证读取器)时，本地服务访问与项目服务跨域时，接口访问还是存在跨域问题，此时使用JSONP访问来解决跨域问题；2.1 JSONP代码jsonpAPI(url) {
// eslint-disa
转载
2023-07-03 14:49:11
108阅读
此为单向跨域。
转载
2011-11-12 17:36:00
130阅读
2评论
跨域的几种解决方案跨域1.Jsonp跨域什么是JSONPjsonp是民间提出的一种跨域解决方案，通过客户端的script标签发送请求方式。原理就是通过添加一个<script>标签，向服务器请求Json数据，这样就不受同源策略的限制，服务器接收到请求后，将数据放在一个callback({返回数据})传回来，比如axios。不过只支持GET请求，而且不安全，可能遇到XSS攻击，不过它的好处
转载
2023-11-29 09:46:15
11阅读
# 解决跨域的方法之一：Vue Axios JSONP
在前端开发中，我们经常会遇到跨域的问题。特别是当我们使用Vue.js框架进行开发时，因为浏览器的同源策略，我们需要找到一种有效的方式来解决跨域问题。本文将介绍如何使用Vue、Axios和JSONP来解决跨域问题，并提供代码示例。
## 什么是跨域问题？
跨域是指浏览器出于安全考虑，限制了不同源之间的通信。简单来说，当一个请求的协议、域名
原创
2024-02-25 07:34:22
238阅读
首先在讲Jsonp跨域之前，要先来介绍一下什么是跨域。跨域就是：当协议，ip/域名，端口有任何不同，都被当成跨域。跨域发生的时机是请求，响应回来之后。浏览器主动监测是否跨域。跨域的本质是请求成功了，响应也成功了。但是由服务端响应回来的数据被浏览器拦截。检测出跨域，抛异常。因此跨域并不影响一次成功的请求。在跨域之前请求已经执行完毕了。解决跨域的方式有两种，一种是客户端解决跨域，一种是服务端解决跨域。
转载
2023-07-06 19:27:08
20阅读
</!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<script src="./lib/vue-2.4.0.js"></script>
<!-- <s
转载
2024-10-12 16:04:28
62阅读
前言 出于浏览器同源策略的影响，浏览器会阻止一个域的 js 脚本和另一个域的内容进行交互，因此产生了跨域问题，该问题也经常在面试和开发中遇到，本文来总结一下相关知识点。正文 1、什么是同源策略 因为浏览器出于安全考虑，存在同源策略，就是说如果协议、域名、端口号有一个不同就产生了跨域，不同域之间的资源是不能交互的，比如：Ajax 请求别的域的资源就会失败，无法读取别的域中网页的 Cookie
转载
2023-07-06 15:46:48
139阅读
跨域即跨站HTTP请求(Cross-site HTTP request)，指发起请求的资源所在域不同于请求指向资源所在域的HTTP请求。1：jsonp原理JSONP（JSON with Padding）是数据格式JSON的一种“使用模式”，可以让网页从别的网域要数据。jsonp 的原理很简单，利用了【前端请求静态资源的时候不存在跨域问题】这个思路，但是这个只支持get请求。既然这个方法叫 json
转载
2024-01-25 18:36:28
80阅读
跨域产生的原因在一个项目中，使用js的ajax请求，请求另外一个系统的数据时(协议不同（http、https）、域名不同、域名相同但端口号不同)，能够请求到数据，但是因为这是跨域请求，浏览器不允许js拿到数据，这就是ajax跨域请求解决方案可以jsonp解决js的跨域请求，Jsonp不是新技术，是跨域的解决方案。因为在系统中可以通过跨域来加载js文件，所以可以使用js的特性绕过跨域请求。jsonp
转载
2023-08-30 11:54:22
71阅读
跨域的实现方式有多种，除了 上篇文章 提到的CORS外，常见的还有JSONP、HTML5、Flash、iframe、xhr2等。 这篇文章对JSONP的跨域原理进行了探索，并将我的心得记录在这里和大家分享。 JSONP跨域原理探秘 我们知道，使用 XMLHTTPRequest 对象发送HTTP请求时
转载
2020-04-24 13:57:00
76阅读
2评论
在浏览器端才有跨域安全限制一说，而在服务器端是没有跨域安全限制的。在两个异构系统（开发语言不同）之间达到资源共享就需要发起一个跨域请求。而浏览器的同源策略却限制了从一个源头的文档资源或脚本资源与来自另一个源头的资源进行交互。在请求协议、端口以及域名（主机）相同时才是同一个源，否则不是同一个源，js无法访问不是同源的资源。通过js发起跨域请求需要进行改造，或先将请求发到同源的服务器中，然后服务器内部
转载
2023-06-18 23:04:55
97阅读
关于跨域 Ajax是不能跨域的？什么是跨域？ 比如我们本地的服务器地址是127.0.0.2:80去请求127.0.0.1:80中的文件内容，此时是不允许的，因为当前这个两个地址不在一个“域”，所以会报错；再比如127.0.0.1:80去请求127.0.0.1:3000也是不允许的，因为端口号也不同， ...
转载
2021-10-23 13:28:00
150阅读
2评论
<script>vartestApi="地址";$.ajax({url:testApi,//可以不是本地域名type:'post',dataType:'jsonp',//jsonp格式访问jsonpCallback:'test'//获取数据的函数}).done(function(data){if(data.status
原创
2018-04-24 16:49:39
643阅读
jsonp 的例子 jsonp 的原理： 输出： jsonp 只能处理get 请求
转载
2019-10-02 20:04:00
380阅读
2评论
什么是跨域？ 为页面安全考虑，页面中的JavaScript无法访问其服务器上的数据，即‘同源策略’，而跨域是通过某些手段来绕过同源策略限制，实现不同服务器间通信。什么是jsonp？ json是一种轻量级数据交互格式，而jsonp则是json的一种使用模式，通过这种模式实现数据的跨域获取。如何实现跨域？ 1）、用script标签 2）、用script标签加载资源是没有跨域问题 3）、通过j
转载
2024-05-05 12:04:26
94阅读
# 如何在 iOS 17 上使用 Vue 实现 JSONP 跨域
在现代 Web 开发中，跨域问题是一个常见的挑战。JSONP（JSON with Padding）是一种常见的解决方案，该技术允许网页从不同的域名请求数据而不被浏览器的同源策略阻止。在本文中，我将向你展示如何在 iOS 17 上使用 Vue 实现 JSONP 跨域，并为你提供完整的代码示例和清晰易懂的说明。
## 整体流程
在
1. 什么是跨域 跨域它是不同的域名(服务器)之间的相互的资源的访问。 当协议，域名，端口号任意一个不相同，它们就是不同的域。 正常情况下，因为浏览器安全问题，不同域的资源是不可以访问的。 跨域解决方案 有三种解决方案: 1.代理方案前端页面访问本地的服务器，本地服务器访问其它域的资源，它是服务器端的跨域问题解决。(这种方式就是前端访问本项目的servlet,然后servlet跳转到其他服务器的页
转载
2023-11-24 00:29:21
45阅读
一、简介 vue本身不支持发送ajax请求，需要使用vue-resourse（vue1.0官方推荐使用）、axios（vue2.0官方推荐使用）等插件来支持发送ajax请求。 axios是一个基于Promise的请求客户端，用来发送请求，也是vue2.0官方推荐的，同时不再对vue-resourse ...
转载
2021-08-25 17:15:00
583阅读
2评论
跨域是前端再常见不过的问题了，下面主要针对跨域做一次总结，一次理清楚。一、jsonp解决跨域jsonp解决跨域问题的原理是：script不受同源策略的影响。//前端代码：
<!DOCTYPE html>
<html lang="cn">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-
转载
2023-12-16 15:54:21
158阅读
