JHipster項目啓動後默認的8080主頁是空白頁面？

一、背景

根據官網一步步地生成項目，他喵的啓動後竟然是一個空白頁面，這怎麼玩啊？還有這種操做的嗎？跟說好的不同啊！關於JHipster資料，國內少的可憐，幾乎都是同同樣的東西，純介紹的文章，只好上stackoverflow上查了。

二、類似的狀況

在stackoverflow找到了一個類似的提問，不過沒有具體的解決方法，卻是裏面的某個評論給了我很大的提示。

By default, yarn listens on port 9000 (webpack + browser sync) to hot reload frontend code and contents, maven or gradle listens on port 8080 to hot reload server code. You must run both in dev.

在開發階段，一般使用yarn start來啓動angular2，能夠在開發過程當中熱加載修改後的代碼，而後經過./mvnw來啓動Spring Boot後端的api服務。
那麼問題來了，我之後要上線的時候也要這樣啓動啊？(╯‵□′)╯︵┻━┻

三、解決過程

因爲前端是angular2，雖然能夠熱加載方便開發者開發，可是上線也不會這樣作的。
經過了解angular2，能夠經過ng build打包好，而後能夠直接訪問主頁。
我在項目的目錄下執行ng build後，打包好的代碼自動生成到target的www上面。
再次啓動項目，仍是空白頁面，回到原點。
打開瀏覽器的F12的network，竟然只有一個localhost？？？
不對啊！爲何只會有一個localhost呢？其餘資源沒有加載嗎？有貓膩！
打開生成項目的代碼，找到配置web資源的WebConfigurer，經過查看代碼，咱們能夠看到：

public void customize(ConfigurableEmbeddedServletContainer container) {
        MimeMappings mappings = new MimeMappings(MimeMappings.DEFAULT);
        // IE issue, see https://github.com/jhipster/generator-jhipster/pull/711
        mappings.add("html", "text/html;charset=utf-8");
        // CloudFoundry issue, see https://github.com/cloudfoundry/gorouter/issues/64
        mappings.add("json", "text/html;charset=utf-8");
        container.setMimeMappings(mappings);
        // When running in an IDE or with ./mvnw spring-boot:run, set location of the static web assets.
        setLocationForStaticAssets(container);

        /*
         * Enable HTTP/2 for Undertow - https://twitter.com/ankinson/status/829256167700492288
         * HTTP/2 requires HTTPS, so HTTP requests will fallback to HTTP/1.1.
         * See the JHipsterProperties class and your application-*.yml configuration files
         * for more information.
         */
        if (jHipsterProperties.getHttp().getVersion().equals(JHipsterProperties.Http.Version.V_2_0) &&
            container instanceof UndertowEmbeddedServletContainerFactory) {

            ((UndertowEmbeddedServletContainerFactory) container)
                .addBuilderCustomizers(builder ->
                    builder.setServerOption(UndertowOptions.ENABLE_HTTP2, true));
        }
    }

其中，setLocationForStaticAssets(container);就是設置網站的靜態資源的位置。眼看代碼是沒問題的，惟有debug救我。debug下面的代碼：

private void setLocationForStaticAssets(ConfigurableEmbeddedServletContainer container) {
        File root;
        String prefixPath = resolvePathPrefix();
        root = new File(prefixPath + "target/www/");
        if (root.exists() && root.isDirectory()) {
            container.setDocumentRoot(root);
        }
    }

經過debug發現，root的路徑多了%20的字符致使找不到路徑，%20就是空格，將空格去掉再試一試~
果真是這個問題，去掉空格以後就有內容了。

四、結案

看看目錄的路徑是否帶有空格或者中文字符，有的話去掉試試看。