【开发心得】借助修改host测试回调

前言:

    当我们进行注入微信登录/抖音发布,或者一些需要oauth2方式授权,或者其他需要其他服务授权,并且重定向到指定域名的开发时,通常不方便直接测试,这时候能想到的方案如下:

1. 直接将测试工程扔到做了外网的服务器测试.

2. 内网穿透(netapp,花生壳等)

3. 修改host

这里主要讨论下第三种.这种方案能进行的原因有二:

其一是: redirect 重定向是浏览器发起的行为.

其二是:DNS工作流程,在域名解析的时候,会先解析本地host.

DNS工作流程参考: DNS域名解析过程_caker丶的博客

Windows修改Hosts:

windows下host文件修改与刷新_春风化作秋雨的博客

Mac修改Host:(权限不够,先sudo su)

mac修改hosts文件_浅羽技术的博客

前端修改:

如果后台登记的是https服务的话，本地webpack需要做下配置:

https 开启 并且设置为跨域.

vue.config.js

devServer: {
     port: 443,
     hot: true,
     disableHostCheck: true,
     https: true,
     proxy: {
       '/api': { // 凡是接口中后面域名中带有api的 , 框架都会进行一个代理转发
         target: 'http://xxxxxx/api',  // 后端提供的接口地址
         changeOrigin: true, // 开启跨域代理
       }
     }
   }