qiankun/微服务中使用webpack配置本地前端链接htt

最近碰到一些需求，需要用本地启动的前端直接链接测试环境的后台，最终通过以下方式成功解决。

环境：
公司环境分为development,test,uat,production，框架中使用了qiankun微服务，所以要同时改动基座(主应用)和子应用的相关配置。

1.主应用的webpack配置

  devServer: {
    open: true,
    headers: {
      'Access-Control-Allow-Origin': '*'
    },
    https: true, // 主要是这个配置
    overlay: { warnings: true, errors: true }
  },

然后把开发模式的静态资源和后台服务地址都改为测试环境的路径，环境变量中如果有各个环境的登录密钥也需要把开发环境的改为测试环境的

2.注册子应用时一定要使用本地的网络ip

registerMicroApps(
  [
    {
      name: 'vueSub',
      entry: '//101.111.111.11:7100',
      container: '#subapp-viewport',
      loader,
      activeRule: '/vueSub',
    },
    ...
  ]
)

3.子应用的webpack也按照主应用的配置

  devServer: {
    open: true,
    headers: {
      'Access-Control-Allow-Origin': '*'
    },
    https: true, // 主要是这个配置
    overlay: { warnings: true, errors: true }
  },

重新编译，生成新的协议，最终处理所有报错，就可以使用测试环境的账号登录，开发了。