二十三、进阶之反向代理配置（异步通信）

注意:修改配置文件时，一定要重启服务器

本文示例：获取猫眼电影网站的数据（异步通信）

（1）使用axios，需要下载相应的库

axios是前后端通信的桥梁

在创建的项目路径下，执行（下载axios库）：
npm install --save axios

axios安装成功

（2）在App.vue引入axios，并进行ajax请求，将获取到的该网站的信息显示到控制台

 //（1）引入axios
 import axios from 'axios'

//（2）进行ajax请求，将获取到的该网站的信息显示到控制台
mounted () {
     axios.get("https://m.maoyan.com/ajax/movieOnInfoList?token=").then(res=>{
       console.log(res.data)
     })
   }

（3）反向代理的配置（配置文件vue.config.js）

（3.1）创建vue.config.js文件

注意：必须在和package.json同级的目录下，创建vue.config.js文件（即直接在项目下创建）

（3.2）配置vue.config.js文件

（3.3）修改App.vue文件中的

（3.4）具体的请求过程

1.  服务器启动后，进行ajax请求（App.vue文件）

2.  （vue.config.js文件）

3.  将请求的数据返回给res，并显示到控制台（App.vue文件）