JHipster/Microservices 前端开发热重载

Question

我已经创建了一个 JHipster 微服务应用程序并想对其进行一些前端开发。使用 docker-compose up -d 在 ./docker-compose/ 目录中启动整个微服务堆栈按预期工作。注册表显示所有微服务、网关和状态为 'up' 的 UAA 实例。没有抛出异常。登录 http://localhost:8080 按预期工作。在网关项目目录中启动 yarn start 通过 webpack 和 browsersync 启动开发服务器。将浏览器指向 http://localhost:9000 时，热重载按预期工作。

现在我的 problem/question：以 user/user 身份登录 http://localhost:9000 无效，因为无法检索该帐户。抛出的异常无关紧要，因为它只是声明该帐户为空：

webpack-internal:///…fesm5/core.js:16064 ERROR Error: Uncaught (in promise): 
TypeError: Cannot read property 'langKey' of null
TypeError: Cannot read property 'langKey' of null
  at LoginService.setPreferredLanguage (webpack-internal:///… 
login.service.ts:34)
  ....

但是当我将浏览器指向 http://localhost:8080 时，我以 'user' 身份登录。这意味着后端登录有效。

作为 docker 和微服务的新手，我怀疑我在概念上遗漏了一些东西 (networks/ports/etc..)。任何可以指向找到解决方案的想法？或者在 JHipster/microservices 配置中开发前端的建议 setup/practices 是什么。

Answer 1

webpack.dev.js 配置文件中出现错误，由于 UAA 是后来添加到项目中的，因此在作为代理的上下文中缺少 UAA 模块:

devServer: {
    contentBase: './build/www',
    proxy: [{
        context: [
            '/microservice1',
            '/microservice2',
            '/microserviceuaa',     /* !!! was missing !!! */
            /* jhipster-needle-add-entity-to-webpack - JHipster will add entity api paths here */
            '/api',
            '/management',
            '/swagger-resources',
            '/v2/api-docs',
            '/h2-console',
            '/auth'
        ],
        target: `http${options.tls ? 's' : ''}://127.0.0.1:8080`,
        secure: false,
        changeOrigin: options.tls,
        headers: { host: 'localhost:9000' }
    }],

JHipster/Microservices 前端开发热重载

JHipster/Microservices frontend development hot reload

jhipster

microservices

browser-sync

docker-compose