Question

我已经看到this post关于动态设置基础href，但它是每个客户的预定义基础href。就我而言，当用户访问Web应用程序时，我想生成一个随机字符串作为基本href。例如：

在浏览器中访问http://localhost:4200时，会重定向到：

访问http://localhost:4200/home时，它还会重定向到：

访问http://localhost:4200/ {random-string} / home时，它应该按原样运行。

了解基本href可以这样设置：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { APP_BASE_HREF, Location } from '@angular/common';

import { AppComponent } from './';
import { getBaseLocation } from './shared/common-functions.util';

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    HttpModule,
  ],
  bootstrap: [AppComponent],
  providers: [
    appRoutingProviders,
    {
        provide: APP_BASE_HREF,
        useFactory: getBaseLocation,
        deps: [MyService] // Updated based on @Yakov Fain's comment
    },
  ]
})
export class AppModule { }

{random-string}应该在getBaseLocation函数中生成，但是我需要在会话中保存这个{random-string}以备将来使用，所以我将{random-string}保存到注入的共享服务中像这样的getBaseLocation：

export function getBaseLocation(globalService: MyService) {
    let paths: string[] = location.pathname.split('/').splice(1, 1);
    if (paths && paths[0]) {
        // path contains the appId
        console.log("Existing appId: " + paths[0]);
        // Save appId for future use
        globalService.applicationId = paths[0];
    } else {
        let newAppId = Math.random().toString(36).substr(2, 5);
        // Save appId for future use
        globalService.applicationId = newAppId;
    }

    let basePath = globalService.applicationId;
    console.log("getBaseLocation : /" + basePath);
    return '/' + basePath;
}

访问localhost时工作正常：4200被重定向到localhost：4200 / {random-string} / home。但是，当我单击页面上的其他链接或只是刷新当前页面时，我在浏览器控制台中收到错误。错误是这样的：

获取http://localhost:4200/iun82/1.chunk.js 404（未找到）

错误错误：未捕获（在承诺中）：错误：加载块1失败。

错误：加载块1失败。

请指教。谢谢！

Answer 1

如果需要将服务注入工厂函数，请使用以下语法：

  providers: [
    appRoutingProviders,
    provide: MyService, 
    {
        provide: APP_BASE_HREF,
        useFactory: getBaseLocation, deps: [MyService]
    },
  ]

Angular 2 - 使用随机字符串设置基本href

1 个答案: