老师,我用Vue模拟的服务器?

老师,我用Vue模拟的服务器?

用Vue,没有用webserver,怎么得到的responseText是这样的呢?

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

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

<template>

<div>

</div>

</template>

<script>

//1.封装通用的xhr对象,兼容各个版本

function createXHR(){

if(typeof XMLHttpRequest != 'undefined'){ //现代浏览器,把XMLHttpRequest作为本地对象实现

return new XMLHttpRequest();

}else if(typeof ActiveXObject != 'undefined'){

var xhrArr=['Microsoft.XMLHTTP','MSXML2.XMLHTTP.6.0','MSXML2.XMLHTTP.5.0','MSXML2.XMLHTTP.4.0','MSXML2.XMLHTTP.3.0','MSXML2.XMLHTTP.2.0'];

var len=xhrArr.length,xhr;

for(var i=0;i<len;i++){

try{

xhr=new ActiveXObject(xhrArr[i]);

break;

}

catch(ex){


}

}

return xhr;

}else{

throw new Error('No XHR object available.')

}

}

//创建XMLHttpRequest对象

var xhr=createXHR();

console.log(xhr);

//3.响应xhr对象状态变化的函数

xhr.onreadystatechange=function(){

if(xhr.readyState===4){

if((xhr.status>=200 && xhr.status<300) || xhr.status===304){

console.log(xhr.responseText);

}

}

}


//2.创建请求

xhr.open("get","./slider.json",true);

//4.发送请求

xhr.send(null);

</script>


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

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

2回答
卡布琦诺 2019-03-04 19:32:07

出现的原因可能是同学的vue配置导致访问不到具体的slider.json文件,虽然请求的数据接口设置的是./slider.json,但是数据响应到的是整个ajax.vue,另外,按照同学的写法,老师这边会报错,提示slider.json文件找不到。一般我们会把json文件放在static文件夹下,老师的测试环境是:

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

结果:

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

建议同学按照这种方式测试一下哦,另外,说明一点哦,这里不是不能使用vue环境,只是vue环境比较复杂,涉及到很多文件之间的配置以及关联,同学你是有vue基础的,所以可以实现,但是对于其他学习这个课的小伙伴儿来说,是没有vue基础的,所以推荐使用webserver服务器进行测试,比较简单易懂。

希望可以帮到你!

  • 提问者 小章鱼丸 #1
    老师,因为之前安装过webserver,找课程中提供的资源安装不成功,然后自己上网找的安装上导致电脑瘫痪了- -所以再就不敢再随便安装了。有推荐的安全可靠的webserver软件吗?
    2019-03-04 19:42:51
  • 卡布琦诺 回复 提问者 小章鱼丸 #2
    如果同学使用的是win系统的电脑,可以在360软件管家中进行下载哦,如果担心电脑瘫痪,同学就是用vue环境吧,因为你有vue的相关知识,所以是可以使用的哦
    2019-03-04 19:51:47
卡布琦诺 2019-03-03 15:24:10

这里不需要使用vue模拟服务器,建议使用webserver哦

希望可以帮到你!

  • 提问者 小章鱼丸 #1
    没有安装webserver,用vue不可以吗? 我请求本地的json显示的结果是上面那样,请求网络json这个:http://www.imooc.com/api/act/slider就可以正常获取到对象数组,上面那个本地的json为什么是那样呢?
    2019-03-03 18:36:51
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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