Vue中的ajax

第一步：

在项目里安装axios

指令 npm i axios

第二步引入

第三步配置调用方法

平时所说的跨域简单的理解就是违背了同源策略

前端向服务器发送请求必须三个一致：协议名一致、主机名一致、端口号一致

如：localhost:8000   ===  协议名是http、主机名localhost、端口号8000

在前端向服务器发送请求，端口号不同的过程中请求是发送成功的，服务器也可以接收到消息，也成功传回了数据，但是前端页面并没有取到数据，就是因为违背同源策略。

解决跨域问题

1、cors

在请求反应的时候携带了特殊的响应头

2、jsonp

借助了script src属性在引入外部资源的时候，不受同源策略限制

但是在开发过程中用的比较少，需要前后端在开发过程中同时配置，而且只能解决get请求的跨域

3、开启一个代理服务器

在开发过程中最常用的一种解决跨域的方法

代理服务器和目标服务器之间的请求方式是通过http，不是ajax，不受同源策略影响，因此可以解决跨域问题

开启代理服务器的方式: 后端开启nginx 借助vue-cli

在vue.config.js文件中

开启代理服务器

方式一：

以上这种方式配置代理服务器的优缺点：

优点：配置简单，请求资源时直接发给前端的8080即可

缺点：不能配置多个代理，不能灵活的控制请求是否走代理

在按照以上配置代理，请求会优先匹配前端的资源，当请求了前端不存在的资源的时候，请求就会转发给服务器

方式二：