โปรแกรมของเนื้อหาภายในแสดงในปกครองไปสักคน ที่ลองแฟ้มปรับแต่งอยู่ในโลง index.js แฟ้มอยู่ในเส้นทางได้ เป็นผลให้ที่อยู่ URL ที่เปลี่ยนแปลงไปแต่งหน้าหมีตลอดสอดคล้องกับรากองหน้าก ฉันพยายามหลายวิธีการของและมันใช้เวลาช่วงบ่ายเพื่อแก้ไขมัน ฉันเป็นเชิดแพลตตินั่มทั้งหมดไปใช่. ฉันหวังว่าคุณจะไม่หัวเราะเยาะฉันและสามารถช่วยฉันแก้ปัญหาของฉัน ขอบคุณ
แอพvue:
<template>
<div id="app">
root组件
<router-link to="/login"> to login</router-link>
<router-view></router-view>
</div>
</template>
<script>
export default {
name: 'app'
}
</script>
<style>
</style>
การล็อกอินvue
<template>
<div>
login组件
</div>
</template>
<script>
export default {}
</script>
<style lang="less" scoped>
</style>
router/index.js
import Vue from 'vue'
import VueRouter from 'vue-router'
import login from '../components/login.vue'
Vue.use(VueRouter)
const routes = [
{ path: '/login' , compoment: login}
]
const router = new VueRouter ({
routes
})
export default router
main.js:
import Vue from 'vue'
import App from './App.vue'
import router from './router/index.js'
import './plugins/element.js'
Vue.config.productionTip = false
new Vue({
router,
render: h => h(App)
}).$mount('#app')
แฟ้มโครงสร้าง: ป้อนรูปภาพรายละเอียดที่นี่