使用ajax本地测试传输数据时,遇到的跨域问题，如 是因为，ajax只能用于请求服务器的数据，而在本地测试，打开的文件是以 file：// 的形式， 所以报错 可以通过 nginx 建立反向代理，处理静态文件， 也可以使用 wamp 集成环境进行伪服务器的访问， 通过链接： https://nchc ...
分类：
Web程序 时间：
2019-03-10 17:38:22
阅读次数：
482
概述 今天打算快速使用vue cli建立一个小应用用于测试，使用axios发送http请求，但是遇到了 跨域问题 ，总结了一下，供以后开发时参考，相信对其他人也有用。 vue cli的跨域设置 在vue.config.js里面的devServer的 proxy 加入如下设置。 上面的设置表示，把 开 ...
分类：
其他好文 时间：
2019-03-08 19:43:36
阅读次数：
200
const express = require('express'), app = express(), router = express.Router(), bodyParser = require('body-parser');//解析请求的body中的内容[必须] router.all('*'... ...
分类：
其他好文 时间：
2019-03-08 12:43:16
阅读次数：
169
背景： 同源策略：NetSpace公司引入，基于浏览器安全，防止浏览器收到XSS、CSFR等攻击。同源，即协议+域名+端口完全一致。 同源策略限制的行为： Cookie、LocalStorage和IndexDB无法读取 DOM和JS对象无法获取 Ajax请求不能发送 解决方案： 方案一：JSONP ...
分类：
其他好文 时间：
2019-03-08 00:25:20
阅读次数：
208
1、JSONP：JSONP只支持GET请求，不支持POST请求。 2、代理：例如www.xxx.com/index.html需要调用www.xxx.com/server.php，可以写一个接口www.xxx.com/server.php，由这个接口在后端去调用www.xxx.com/server.p ...
分类：
其他好文 时间：
2019-03-05 21:28:56
阅读次数：
158
CORS全称Cross-Origin Resource Sharing，中文全称跨域资源共享。它解决跨域问题的原理是通过向http的请求报文和响应报文里面加入相应的标识告诉浏览器它能访问哪些域名的请求。比如我们向响应报文里面增加这个Access-Control-Allow-Origin:http:/ ...
nginx反向代理-解决前端跨域问题 1.定义 跨域是指a页面想获取b页面资源，如果a、b页面的协议、域名、端口、子域名不同，所进行的访问行动都是跨域的，而浏览器为了安全问题一般都限制了跨域访问，也就是不允许跨域请求资源。注意：跨域限制访问，其实是浏览器的限制。理解这一点很重要！！！ 2.跨域访问示 ...
分类：
其他好文 时间：
2019-03-01 18:43:47
阅读次数：
184
什么是同源策略？同源策略/SOP（Same origin policy）是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地 ...
分类：
其他好文 时间：
2019-03-01 12:14:45
阅读次数：
211
1.使用jsonp解决网站跨域问题(不推荐，因为只支持get请求，不支持post请求) 2.设置响应头允许跨域(小公司、小项目中使用，能快速解决问题) response.setHeader(“Access-Control-Allow-Origin”,”*”); 3.使用httpclient进行转发( ...
分类：
Web程序 时间：
2019-02-28 22:55:37
阅读次数：
224
浏览器的同源策略和CORS跨域 什么是同源： 域名/ip + 端口 + 协议 http协议默认端口：80 https协议默认端口：443 浏览器对于非同源的请求会拒绝接受响应信息。 前后端分离的项目一般都会涉及到跨域问题 JSONP跨域（之前的解决方案） 不足： 只能GET请求 前端和后端都要支持 ...
分类：
其他好文 时间：
2019-02-27 22:10:49
阅读次数：
214
