用node.js
写的服务器,运行一个node.js
文件。
真正的开发中不常用。
库封装好了ajax
请求,我们使用axios
,因为jQuery
中的要执行DOM
操作,我们使用vue
的时候要尽量避免对DOM
进行操作。下面两个库,都是对xhr封装。
windows的内置方法就有一个fetch,可以直接请求。IE浏览器用不了。
vue的插件库,vue.use。
axios
引入axios。
发送一个axios请求。
出现跨域问题。
跨域是因为违背了同源策略。
同源策略:协议名、主机名、端口号必须一致。
cors
解决跨域,后端人员配置一些特殊的响应头。配置响应头出现的问题就是任何人都能找你这台服务器要数据。jsonp
解决跨域问题。借助script
标签的src
属性在请求资源时不受同源策略的限制。 用的比较少,需要前后端的配合,只能解决gget请求的跨域问题。- 开发中用的比较多的就是配置一个代理服务器。服务器与服务器之间传递数据,不要用ajxj,用最原始的http请求就行。
开启代理服务器:
- nginx
- vue-cli
配置代理服务器:
找代理服务器要数据:
请求的资源如果在代理服务器中本身就存在,就不会去找其余服务器请求。
代理服务的资源存在于public中。
这种配置代理服务器的方法,只能是配置一个代理服务器,也没有办法灵活控制去哪里请求资源。
配置代理服务器的另外一种方式:
请求前缀是什么,就代理请求,转发给请求资源的服务器。
转发给主服务器的时候需要重写路径。
一些介绍:
总结:
vue-resource
首先安装一下插件库。
引入并且使用。
vm中出现$http。
使用方法。promise风格的请求。
这个库的维护频率不是很高,现在使用的比较少。axios的封装比较优秀。vue-resource在vue1.0的使用比较多。