CORS跨域

当访问其他域名或者同一域名不同端口上的资源时,就会产生跨域请求。而跨域请求确实是发起了,但是返回的结果却被浏览器拦截了,请求必须遵循的同源策略。但是在工作中不可避免的会进行跨域访问。现在用的最多的就是Jsonp和cors但是jsonp只能发起get请求,而且携带数据量较小,如果要发起post请求,那么就要采用cors方案。

前端跨域请求原理及实践

跨域请求的含义

浏览器的同源策略,出于防范跨站脚本的攻击,禁止客户端脚本(如JavaScript)对不同域的服务进行跨站调用。一般的,只要网站的 协议名protocol、主机host、端口号port这三个中的任意一个不同,网站间的数据请求与传输便构成了跨域调用。这也是我们下面实践的理论基础。我们利用NodeJs创建了两个服务器,分别监听3000、3001端口(下面简称服务器3000与服务器3001),由于端口号不一样,这两个服务器以及服务器上页面通信构成了跨域请求。在服务器3000 上有如下的页面:

webpack1.0初探

webpack是目前最热门的前端资源模块化管理和打包工具,它能把各种资源,包括 jxs、coffeeJS、less/sass,甚至图片,当作模块来加载和使用。当我们需要使用这些资源时只需要require进来,方便模块化开发。

Vuex初探

前篇我们谈到在Vue组件中进行通信的几种方式,父子组件中可以通过props属性,兄弟组件可以通过事件分发。当然很明显组件的独立性会有所降低,那么这里有另外一种方式就是通过Vuex。核心思想就是把子组件中需要共享的数据通过Vuex来进行管理。这里我使用的是Vuex1.0版本。

|