数据访问框架
目前vue可用的数据访问框架有
- xhr 2、jquery 3、axios 4、fetch
xhr:是html中内置的方法,通过 new XMLHttpRequest() xhr.open()等方法处理
jquery中80%的内容都是用来封装DOM操作,所以不用起作为vue的网络访问框架。
fetch:是promise的风格,但是返回的数据会被包裹两层,在IE上兼容性差。
最终vue官方推荐的也是axios作为数据访问框架
axios的使用
跨域问题
问题的产生:
一般vue的访问的服务器需要遵循“同源策略”:协议名、主机名、端口号需要保持一致,
解决跨域问题:
我们设置一个代理服务器,5000端口给到8080端口代理服务器,在给到8080的vue服务
在vue.config中,我们可以配置代理来实现数据的代理访问。
但是这样配置代理有两个问题:
1、只能配置一个代理的地址
2、没办法配置代理的策略:哪些走代理,哪些不走
代理服务配置项
配置代理:
在访问域名中添加关键字
配置解释
总结: