Vue再学习9——网络数据访问

数据访问框架

目前vue可用的数据访问框架有

1. 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、没办法配置代理的策略:哪些走代理，哪些不走

代理服务配置项

配置代理：

在访问域名中添加关键字

 

配置解释

总结：