1.什么是跨域?当一个请求url的协议、域名、端口三者之间任意一个与当前页面地址不同即为跨域。最常见的就是在一个域名下的网页中,调用另一个域名中的资源。2.为什么跨域?浏览器采用同源策略(协议、域名、端口),对js进行限制,防止恶意用户获取非法数据,同时还防止了大部分XSS攻击(就是向用户界面注入js脚本)3.解决跨域的方法3.1利用服务器代理服务器没有跨域限制,可以让服务器去请求跨域资源然后再返回给客户端,客户端把跨域的url传给服务器,请求到图片后再传回客户端3.2cors(跨域资源共享)CORS的思想,就是使用自定义的HTTP头部(origin、method)让浏览器与服务器进行沟通,从而决定请求或响应是应该成功,还是应该失败。整个CORS通信过程,都是浏览器自动完成,不需要用户参与。CORS通信与同源的AJAX通信没有差别,代码完全一样。浏览器一旦发现AJAX请求跨源,就会自动添加一些附加的头信息,有时还会多出一次附加的请求(非简单请求),但用户不会有感觉。因此,实现CORS通信的关键是服务器。只要服务器实现了CORS接口,就可以跨源通信。3.3JSONPJSONP(img、script等标签是没有跨域限制的)动态创建script标签,通过src属性来进行跨域请求的来源
<divclass="add-form"><el-dialogtitle="新增分类":visible.sync="dialogFormVisible"><el-formref="dataAddForm":model="formData":rules="rules"label-position="right"label-width="100px"><el-row><el-col:span="12"><el-form-itemlabel="分类编号"prop="typeId"><el-inputv-model="formData.typeId"/></el-form-item></el-col><el-col:span="12"><el-form-itemlabel="分类名"prop="name"><el-inputv-model="formData.name"/></el-form-item></el-col></el-row></el-form>