ฉันสร้างแอป Vue ใหม่ด้วยพา ธ พื้นฐาน เนื่องจากแอปถูกฝังลงในแอป Vue อื่นแอปนี้ไม่แสดงผลrouter-view
เมื่อเริ่มต้น หากคุณต้องการทราบเพิ่มเติมเกี่ยวกับวิธีการที่แอปนี้ฝังอยู่ในแอพอื่นหรือไม่โปรดดูที่นี่:
เมานต์แอพ Vue ลงในคอนเทนเนอร์ของแอพ Vue หลัก
และคำตอบของฉันกับปัญหานี้:
https://stackoverflow.com/a/58265830/9945420
router-view
เมื่อเริ่มต้นใบสมัครของฉันมันทำให้ทุกอย่างยกเว้น ฉันต้องการเปลี่ยนเส้นทางเมื่อเริ่มต้นด้วย URL เบราว์เซอร์ที่กำหนด นี่คือการกำหนดค่าเราเตอร์ของฉัน:
import Vue from 'vue';
import Router from 'vue-router';
import One from './views/One.vue';
import Two from './views/Two.vue';
Vue.use(Router);
const router = new Router({
base: '/my-embedded-app/',
mode: 'history',
routes: [
{
path: '/',
component: One,
},
{
path: '/two',
component: Two,
},
],
});
router.replace(router.currentRoute.fullPath);
export default router;
ฉันต้องการแอปจะทำให้องค์ประกอบที่สอง.../my-embedded-app/two
เมื่อโทร น่าเสียดายที่router.replace
เปลี่ยนเส้นทางไปยังเสมอ/
(ดังนั้นเบราว์เซอร์ URL .../my-embedded-app/
) ฉันตรวจแก้จุดบกพร่องrouter
และเห็นว่าเส้นทางเป็น/
/two
แต่ผมจะคาดหวังว่ามันจะ
หมายเหตุสำคัญ:
ฉันไม่ต้องการที่จะเปลี่ยนเส้นทางผู้ใช้ไป/two
เมื่อใดก็ตามที่ URL /
คือ ฉันแค่ต้องการที่จะแสดงมุมมองTwo
เมื่อ URL เป็น/two
คือ ในปัจจุบันมันไม่ได้
มีอะไรผิดปกติ? บางทีฉันอาจไม่ต้องการการเปลี่ยนเส้นทางนั้นและสามารถแก้ปัญหาได้อย่างสวยงามยิ่งขึ้น