前端跨域

1.CORS跨域

服务器端设置请求头，后端允许访问，前端不需要修改，直接调用接口即可

2.JSONP跨域 前后端配合

同时修改
jsonp跨域不是请求，不在XHR , 在js中

let url = ‘https://www.hksksk.com‘
jsonp(url, (err, res)=>{
// 拿到跨域返回的结果
console.log(res)
})

3.webpack代理跨域

通过nginx服务器配置，前端修改，后台不需要修改
J基于脚手架3，创建vue.config.js文件，暴露一个moudle 配置一个 devServer:{} 设置 host port proxy(代理){}

module.exports= {
devServer：{
host: ‘localhost’,
prot: 8080,
proxy: {
// 访问地址
‘/API’: {
target : ‘https://www/aaa.com‘,
changeOrigin: false
}
}
}
}