El contenido del programa se muestra en la figura. El archivo de configuración de enrutamiento en el index.js archivo en la ruta. Como resultado, la URL ha cambiado, pero la página ha sido siempre coherentes con la raíz de la página. He probado muchos métodos, y se tomó una tarde para solucionarlo. Soy un principiante. Espero que no se ríen de mí y me puedan ayudar a resolver mis problemas. Gracias
app.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>
de inicio de sesión.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')
Estructura de archivos: introduzca la descripción de la imagen aquí