【开发心得】借助修改host测试回调
前言:
当我们进行注入微信登录/抖音发布,或者一些需要oauth2方式授权,或者其他需要其他服务授权,并且重定向到指定域名的开发时,通常不方便直接测试,这时候能想到的方案如下:
1. 直接将测试工程扔到做了外网的服务器测试.
2. 内网穿透(netapp,花生壳等)
3. 修改host
这里主要讨论下第三种.这种方案能进行的原因有二:
其一是: redirect 重定向是浏览器发起的行为.
其二是:DNS工作流程,在域名解析的时候,会先解析本地host.
DNS工作流程参考: DNS域名解析过程_caker丶的博客-CSDN博客_dns如何解析域名
Windows修改Hosts:
windows下host文件修改与刷新_春风化作秋雨的博客-CSDN博客_host刷新
Mac修改Host:(权限不够,先sudo su)
mac修改hosts文件_浅羽技术的博客-CSDN博客_mac修改host文件
前端修改:
如果后台登记的是https服务的话，本地webpack需要做下配置:
https 开启 并且设置为跨域.
vue.config.js
devServer: {
port: 443,
hot: true,
disableHostCheck: true,
https: true,
proxy: {
'/api': { // 凡是接口中后面域名中带有api的 , 框架都会进行一个代理转发
target: 'http://xxxxxx/api', // 后端提供的接口地址
changeOrigin: true, // 开启跨域代理
}
}
}
