Program içeriği şekilde gösterilmiştir. Yönlendirme yapılandırma dosyası dizinde bulunur.rotadaki js dosyası. Sonuç olarak, URL değişti, ancak sayfa her zaman kök sayfayla tutarlı olmuştur. Birçok yöntem denedim ve bunu çözmek bir öğleden sonra sürdü. Bir acemi değilim. Umarım bana gülmezsin ve sorunlarımı çözmeme yardım edersin. Teşekkür ederim
uygulama.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>
oturum aç.vue
<template>
<div>
login组件
</div>
</template>
<script>
export default {}
</script>
<style lang="less" scoped>
</style>
yönlendirici / dizin.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
ana.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')
Dosya yapısı: resim açıklamasını buraya girin