视频的2-10 XHR2.0的CORS跨域方案

视频的2-10 XHR2.0的CORS跨域方案

视频里面 01:55这个点,上的src=‘http://sub.local.com/cors-data.php'    ,然后他又解释说本地//dev.local.com; 这个我不明白, 我自己该怎么操作? 我找不到这个文件;。我在源码只找到delaydata.php 这个文件 ,这里卡住了,后面我讲解完全看不懂。

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕星星 2018-10-19 13:57:17

这个跨域的操作,是根据老师自己的服务器来操作的,对于老师来说,dev.local.com是自己本地域名,sub.local.com就是跨域的域名。但是我们只能使用wamp来操作,localhost就是本地的域名,dev.local.com和sub.local.com都会变成跨域的。给你写一个例子:

1、首先将dev.local.com和dev.local.com这两个域名添加到hosts文件中,路径‘C:\Windows\System32\drivers\etc’,先将hosts文件拖放在桌面上,

http://img1.sycdn.imooc.com//climg/5bc96c6300012e3802850144.jpg

点击继续,然后选择编辑器打开

http://img1.sycdn.imooc.com//climg/5bc96c6300011d7705130268.jpg

http://img1.sycdn.imooc.com//climg/5bc96c630001770005850441.jpg

在文件末尾添加以下域名:

http://img1.sycdn.imooc.com//climg/5bc96c630001c44007160141.jpg

然后保存,在拖放进etc文件夹就可以了。

2、下载的源码在5-1-cors文件夹中:

http://img1.sycdn.imooc.com//climg/5bc96d3700014c1b06810209.jpg

3、打开wampserver,将5-1-cors文件夹里面的两个文件放到WWW文件夹下面:

http://img1.sycdn.imooc.com//climg/5bc970820001303c06300158.jpg

然后将www这个文件夹拖进sublime编辑器里面,将php文件中修改一下,在跨域请求的后面添加一个分号结尾:

http://img1.sycdn.imooc.com//climg/5bc971fe000134a906540202.jpg

4、在浏览器地址栏输入localhost,点击按钮即可:

http://img1.sycdn.imooc.com//climg/5bc9722500018ae503610187.jpg

自己可以按照这个流程测试下。祝学习愉快!



  • 提问者 丛从绿草 #1
    index.html:1 Access to XMLHttpRequest at 'http://sub.local.com/cors-data.php' from origin 'http://localhost' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 报这个错
    2018-10-20 14:56:13
  • 好帮手慕星星 回复 提问者 丛从绿草 #2
    这个错误还是跨域的问题,可以将你自己写的代码(html,php)代码粘贴上来,还有就是看看自己修改的文件和测试的文件是否是一个,如果将文件夹粘贴到www文件夹中,那么进行修改时,需要将www文件夹中的文件拖到sublime编辑器中,否则修改的就不是一个文件。
    2018-10-21 15:49:11
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
组件化思想开发电商网页 18版
  • 参与学习           人
  • 提交作业       467    份
  • 解答问题       4826    个

本路径带你通过系统学习HTML5、JavaScript、jQuery的进阶知识,不仅如此,还会学习如何利用组件化的思想来开发网页,知识点+案例,使得所学可以更好的得到实践。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师