【开发心得】借助修改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, // 开启跨域代理
      }
    }
  }