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

Question

以下是代码段：

import {         路由器     来自＆＃34; @ angular / router＆＃34 ;;     import {         HttpClient的     来自＆＃34; @ angular / common / http＆＃34 ;;     import {         环境     来自＆＃34; ../../ environment / environment＆＃34 ;;     import {         地点，         LocationStrategy，         PathLocationStrategy     来自＆＃39; @ angular / common＆＃39 ;;

@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进一步使用相同的功能：

 getBaseUrl = function(code){

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

}

现在无论何时调用该函数，您都需要传递 0000 以获取非登录条件Base Url和4位数代码以获取登录后基本URL

getBaseURl(1234) // for login one

getBaseURl(0000) // for non-login one