vue反向代理解决跨域问题（vue 3.0，vue-cli3.0），vue-cli2.0在config下的index.js中配置，vue-cli3.0在根目录下创建vue.config.js配置

【注】反向代理用来解决前端跨域问题，vue-cli3.0移除了配置文件目录，config和build文件夹，没了config文件夹，跨域需要配置域名时，从之前的config/index.js 挪到了vue.config.js中，配置方法不变.

大致步骤：(本例的请求地址为：https://m.maoyan.com/ajax/movieOnInfoList?token)

1. npm install --save axios
2. 在vue.config.js文件（和package.json文件同级，需要自行创建）中进行配置，配置如下：

module.exports = {
  devServer: {
    proxy: {
      // 设置代理
      "/ajax": {
        target: "https://m.maoyan.com",
        ws: true,
        changeOrigin: true
      }
    }
  }
};

配置之后，会将所有以’/ajax’开头的请求全部代理到https://m.maoyan.com这个服务器上.
3.在需要使用的组件中:

<template>
  <div class="user">
    <h1>USER</h1>
  </div>
</template>
<script>
import axios from "axios";      //这里引入axios
export default {
  data() {
    return {};
  },
  methods: {
    getData() {
      axios.get("/ajax/movieOnInfoList?token").then(res => {
        console.log(res.data);
      });
    }
  },
  mounted() {
    this.getData(); //在mounted生命周期中调用该方法
  }
};
</script>

4.请求成功如图所示：

如有错误，欢迎指正