vue-配置反向代理

反向代理用来解决前端跨域问题
先下载库：cnpm install --save axios

引用：import axios from 'axios'

1. Vue.config.js的配置

• proxy代理官方文档
• vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。你也可以使用 package.json 中的 vue 字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。
• 这个文件应该导出一个包含了选项的对象：

// vue.config.js
module.exports = {
  // 选项...
}

• devServer.proxy
  Type: string | Object
  如果你的前端应用和后端 API 服务器没有运行在同一个主机上，你需要在开发环境下将 API 请求代理到 API 服务器。这个问题可以通过 vue.config.js 中的 devServer.proxy 选项来配置。

module.exports = {
    devServer: {
      proxy: {  //代理
        '/ajax': {  //'*'所有请求
          target: 'http://m.maoyan.com',
        //   ws: true,
          changeOrigin: true
        },
        // '/foo': {
        //   target: '<other_url>'
        // }
      }
    }
  }

mounted(){
    //调用接口
    axios.get("/ajax/movieOnInfoList?token=").then(res=>{
      console.log(res.data)
    })
  },

2. 改了配置文件后需要重启服务器：
   *. 终端ctrl+c终止批处理操作
   *. npm start重启