先简单做下了解:
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