ในขณะที่สร้างแอปพลิเคชันเชิงมุมของฉันโดยใช้ ng build ฉันได้จัดเตรียมแฟล็ก --base-href สำหรับแอปพลิเคชันของฉันเป็น foo ดังนั้น URL สำหรับแอปพลิเคชันของฉันจึงดูเหมือน https://10.10.10.19:8080/foo อย่างไรก็ตาม ฉันต้องการนำทางไปยังเพจที่มีแถบแทนใน URL เช่น https://10.10.10.19:8080/bar.
ฉันลองใช้ router.navigateByUrl('/bar') แต่มันสร้าง URL https://10.10.10.19:8080/foo/bar ซึ่งไม่ใช่สิ่งที่ฉันกำลังมองหา
ใครสามารถช่วยฉันในสิ่งที่ขาดหายไปหรือผิดพลาดที่นี่?
ไม่แน่ใจหลังจากสร้าง แต่ในระหว่างการพัฒนาฉันใช้โค้ดต่อไปนี้และมันใช้งานได้สำหรับฉัน ..
this.router.navigate(['../bar'], { relativeTo: this.route });
this.router.navigate(['../../bar/b1'], { relativeTo: this.route }); แต่สิ่งเดียวกันล้มเหลวโดยมีจำนวน '../' ที่ไม่ถูกต้อง มีความคิดเห็นเกี่ยวกับเรื่องนี้บ้างไหม?
- person Naman Arora; 05.12.2018
โดยพื้นฐานแล้ว คุณต้องการให้ตั้งค่า href ฐานของคุณแบบไดนามิก เนื่องจากคุณไม่สามารถลบเฉพาะ base href (AFAIK) ได้
นำเข้า base_HREF บน main.ts
import { APP_BASE_HREF } from '@angular/common';
และตั้งค่าผู้ให้บริการของคุณดังนี้
providers: [
{
provide: APP_BASE_HREF,
useValue: '/' + (window.location.pathname.split('/')[1] || '')
}
]
ให้เครดิตกับลิงก์นี้: ลิงก์นี้สามารถใช้งานได้: Angular 2 / 4 / 5 - ตั้งค่าฐาน href แบบไดนามิก
สามารถทำได้โดยการฉีดพึ่งพาหรือผ่าน httpInterceptors
ฉันหวังว่าลิงค์ด้านล่างจะช่วยคำถามของคุณ http://www.projectcodify.com/angular-set-base-url-dynamically
