Element UI手册： 中文文档： github地址：

1：进入项目，npm安装

npm install axios --save复制代码

2.在main.js下引用axios

import axios from 'axios'复制代码

3:准备json数据 自己写了一个json数据，放在服务器上，现在要通过vue项目调用数据

4：跨域问题，设置代理，利用proxyTable属性实现跨域请求 在config/index.js 里面找到proxyTable ：{} ，然后在里面加入以下代码

proxyTable: {  '/api': {    target: 'http://www.intmote.com',//设置你调用的接口域名和端口号 别忘了加http    changeOrigin: true,//允许跨域    pathRewrite: {      '^/api': '' //这个是定义要访问的路径，名字随便写     }  }},复制代码

5:打开一个界面User.vue，开始写请求数据的方法

methods: {            getData() {                axios.get('/api/test.json').then(response => {                    console.log(response.data);                }, response => {                    console.log("error");                });            }        }复制代码

    复制代码

6：再次运行 npm run dev

这个时候，我们可以看见，请求的数据

原文作者：祈澈姑娘