vue 代理跨域配置

先简单做下了解：

1、跨域只产生在浏览器端，因为浏览器有同源策略。

2、跨域，域名、ip、协议，有一项不同，就会产生跨域。

3、解决跨域有很多种方式，比如jsonp、cors、代理服务。jsonp相对单一，只能处理get请求；cors后端处理；

moudle.exports = {
  devServer: {
    host: 'locallhost',
    port: '8084', //配置本地端口号
    proxy: {
      '/api': {
        target: 'http://lrt.com', // 要跨域的域名
        changeOrigin:true, //是否开启跨域
        pathRewrite: {
          // '^/api'是一个正则表达式，表示将匹配url替换，例如'http://localhost:8081/api' 转为 http://localhost:8081
          '^/api': ''
        }
      },
      '/wxmini': {
        target: 'http://lrt.com', // 要跨域的域名
        changeOrigin:true, //是否开启跨域
      }
    }
  }
}

例如：
login(/api/home/index).then(res => {
  console.log(res)
})   

getList(/wxmini/home/list).then(res => {
  console.log(res)
}) 

/api       拦截以api开头 更改为向target 地址发送请求，并自动拼接home/index

/wxmini 拦截以wxmini开头 更改为向target 地址发送请求，并自动拼接home/list