前端vuecli3中使用webpack解决跨域问题

前言

如题，这里记录一下，方便以后回顾
理解不了代码中的/api的看这里
我前面有发过一篇文章axios封装使用，
里面有写到我的所有请求都是走了代理(baseURL后的常量带了/api)的，所有请求都会加上 /api 这个部分，举个例子，我发的请求的是/example/xxxx,走了代理之后，实际上发出的请求是/api/example/xxxx，所以下文的/api重写就是去掉请求中的/api得到我们想要的请求
config/index.js文件下(稍低一点的版本可能是新建vue.config.js文件进行webpack配置)

//config/index.js文件的dev对象中加入如下代码
 proxyTable: {
      '/api': {
        target: 'http://192.168.1.1:8000',   //你实际要请求的接口+端口号
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''  //路径重写
        }
      }
    },