vue-cli解决跨域问题

写在前面的话

前后端分离的项目在开发的时候一般都会遇到跨域的问题,在vue-cli的脚手架中利用http-proxy-middleware很好的解决了这个问题

  proxyTable: {
    '/list': {
      target: 'http://api.xxxxxxxx.com',
      pathRewrite: {
        '^/list': '/list'
      }
    }
  }

这样设置之后,只用写成'/list/1'就可以代表'api.xxxxxxxx.com/list/1'

proxyTable: {
  '/list': {
    target: 'http://api.xxxxxxxx.com',
    changeOrigin: true,
    pathRewrite: {
      '^/list': '/list'
    }
  }
}

设置参数changeOrigin为true时,本地会虚拟一个服务端接收请求并代为发送