1.做前后端分离 前端使用Vue程序,后端使用Django配合rest-framework. 那么前端Vue通过API接口拿到数据会出现跨域的问题,JSONP只是在get中会用到的,所以这里使用cors来解决一下. 一个Vue程序通过ajax或者axios发送一个请求过来,这里需要做一个允许跨域请求资源的处理. 这里写一个中间件一劳永逸. from django.middleware.common import CommonMiddleware#拿到这个中间件,这个中间件继承Middleware…

一.Django中的缓存: 前戏: 在动态网站中,用户所有的请求,服务器都会去数据库中进行相应的增,删,查,改,渲染模板,执行业务逻辑,最后生成用户看到的页面. 当一个网站的用户访问量很大的时候,每一次的的后台操作,都会消耗很多的服务端资源,所以必须使用缓存来减轻后端服务器的压力. 缓存是将一些常用的数据保存内存或者memcache中,在一定的时间内有人来访问这些数据时,则不再去执行数据库及渲染等操作,而是直接从内存或memcache的缓存中去取得数据,然后返回给用户. Django中的几种缓存…

vue 使用 jsonp 请求数据 vue请求数据的时候,会遇到跨域问题,服务器为了保证信息的安全,对跨域请求进行拦截,因此,为了解决vue跨域请求问题,需要使用jsonp. 安装jsonp npm install --save vue-jsonp 引入 安装完成之后在main.js中引入jsonp import VueJsonp from 'vue-jsonp' Vue.use(VueJsonp) 使用 引入jsonp之后,就可以使用jsonp跨域请求数据. 注意:并不是所有的网站都可以使用j…

跨域GET.POST请求的小结 重点:跨域POST大量数据: JQuery:$.ajax/$.getJSON支持jsonp格式的跨域,但是只支持GET方式,暂不支持POST: CORS:w3c关于跨域的新方案,res.setHeader('Access-Control-Allow-Origin','*'),兼容IE9+: so,跨域POST是个值得研究的问题啊!万能的JQuery无法跨域POST:鉴于基本国情,CORS也只是适合在移动端玩玩: 相信有同学这样做过: 1 $.ajax({ 2 ty…

在复习跨域的时候,复习到了JSONP跨域,大家都知道JSONP跨域是通过动态创建script标签,然后通过其src属性进行跨域请求的,前端需要一个数据处理的回调函数,而服务端需要配合执行回调函数,放入要传过来的数据 这时候问题来了,JSONP跨域的script标签请求为什么不受同源策略的限制? 这个问题可以这么回答: 首先我们要理解什么时候同源策略,它的作用是什么,它干了什么事. 要理解同源策略得先知道:什么是同源? 同源即 协议,域名,端口号三个完全一致,才能称作同源 当你打开一个网站时,这个…

本解决方法的使用前提是,前端开发使用的是vue,后端使用java(SpringMVC) 在前后端分离开发过程中,可能会出现因跨域而导致每次请求的jsessionid不一致的情况 解决方法: 前端:要在main.js入口文件中,将axios请求的withCredentials属性设置为true,如下: import axios from 'axios'axios.defaults.withCredentials = true 后端:设置http请求头为: httpResponse.setHeade…

Ajax跨域(CROS)请求中的Preflighted requests:https://www.aliyun.com/jiaocheng/862989.html 10 分钟理解跨域请求:https://www.jianshu.com/p/d21b50dc2b25?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation…

1.vue-echarts 安装和组件引用 插件官网 https://github.com/ecomfe/vue-echarts 安装 npm install eacharts vue-echarts 页面引入 import ECharts from 'vue-echarts' import ECharts from 'vue-echarts' import 'echarts/lib/chart/line' // 折线图 import "echarts/lib/component/title&q…

什么是同源: URL由协议.域名.端口和路径组成,如果两个URL的协议.域名和端口相同,则表示他们同源. 注意:假如你的网站ip是123.123.123.123,网站的域名是www.abc.com. http://123.123.123.123:80与http://www.abc.com:80仍然不是同源,因为浏览器会根据字符串来判断的! 什么是同源策略 同源策略是浏览器的一个安全功能,不同源的客户端脚本在没有明确授权的情况下,不能读写对方资源.所以a.com下的js脚本采用ajax读取b.co…

跨域问题 1.同源策略(浏览器的安全功能): 请求的url地址,必须与浏览器上的url地址处于同域上,也就是域名,端口,协议相同 2.CORS跨域资源共享 实现CORS通信的关键是服务器,只要服务器实现了CORS接口,就可以跨源通信 3.CORS请求分为简单请求和非简单请求 4.只要符合以下两个条件,就是简单请求,否则就是非简单请求 (1) 请求方法是以下三种方法之一: HEAD , GET ,POST (2)HTTP的头信息不超出以下几种字段: Accept, Accept-Language…