axios-跨域

我是个后端，今天给前端vue写了一个接口，他调用不了，让我给他开跨域，我很诧异，vue还用别人开跨域？他恼了，不开干不了！于是老夫，花了半个小时找了资料，教他做人要低调，不会得学习。

1，创建vue项目

2，npm安装axios

npm install axios --save

3,在mail.js调用

import axios from 'axios'

 
Vue.prototype.$axios = axios

4，在config/index.js中得dev加入代码

proxyTable: {
      "/api": {
     target: "http://localhost:8901/",  // 跨域地址,就是接口地址的那个http地址
     changeOrigin: true,  // 换源
     pathRewrite: {       // 路径重写
       "^/api": '' //使用api代替http://localhost:8901/,
      }
      }
     }

5，调用方法

getElist:function(){
      this.$axios({
        method:"get",
        url:"/api/apitest"  //实际后台地址为http://localhost:8901/apitest
      }).then(response=>{
        console.log(response)
        if(response.status==200)
        this.elists=response.data
      });
    }

6，运行，看见前端崇拜得眼神我觉得功夫没有白费。

7，小作文纯属虚构