Vue 配置反向代理以及axios二次封装

1.在当前根目录下打开终端 

    下载axios ：

  npm install axios  -S

然后再mian.js里面引入

import axios from 'axios'
Vue.prototype.axios = axios

2.在项目文件根目录新建一个vue.config.js文件   配置反向代理 解决跨域的问题

module.exports = {
  devServer: {
    proxy: {
      "/api": {
        target: 'http://www.ibugthree.com/', // 想要访问接口域名
        changeOrigin: true, // 开启跨域,在本地创建一个虚拟服务,然后发送请求的数据,并同时接收请求的数据,这样服务端和服务端进行数据交互就不会有问题
        pathRewrite: {
          "^/api": '', // 利用这个地面的值拼接上target里面的地址
        }
      }
    }
  },
}

3.在src文件夹下新建api

3.1api里新建request.js文件夹  里面写入：

// 这是axios二次封装
import axios from 'axios'
//import store f