如何在角度 5 中使用 pathlocationstrategy 设置基本 href 或 APP_BASE_HREF？

Question

下面是sn-p的代码：

进口{ 路由器 } 来自“@angular/路由器”； 进口 { HttpClient } 来自“@angular/common/http”； 进口 { 环境 } 来自“../../environments/environment”； 进口 { 地点， 位置策略， 路径定位策略 } 来自“@angular/common”；

@Injectable()
export class CommonServicesService {
    PathLocation: Location;
    referralCode: any = localStorage.getItem('referenceCode');

    constructor(
        location: Location,
    ) {
        this.PathLocation = location;
    }

    redirectAfterSuccessfulLogin() {
        if (localStorage.getItem("redirectUrl")) {
            let url = localStorage.getItem("redirectUrl");
            localStorage.removeItem("redirectUrl");
            this.PathLocation.prepareExternalUrl("'/'+this.referralCode"); //is this the correct way?
            console.log(this.PathLocation);
            this.router.navigate([url]);
        } else {
            this.PathLocation.prepareExternalUrl("'/'+this.referralCode");
            console.log(this.PathLocation);
            this.router.navigate(["/"]);
        }
    }
}

Answer 1

你可以这样做：

1. 创建一个以代码为参数的 baseUrl 函数。
2. 登录后根据条件调用该函数，这将 为您提供更新后的网址

像这样：

getBaseUrl = function(code){
return `localhost:3000/${code}`
}

现在您可以将其用作：

getBaseURl(1234)

它返回："localhost:3000/1234"

现在您可以在此 URL 之后添加更多路径。

或

您可以进一步对这两个 URL 使用相同的功能：

 getBaseUrl = function(code){

    if(code == 0000) return localhost:3000
    else return `localhost:3000/${code}`

}

现在，每当您调用该函数时，您必须传递 0000 用于非登录条件基本 URL 和 4 位代码以获取登录后基本 URL

getBaseURl(1234) // for login one

getBaseURl(0000) // for non-login one