मार्ग में Vue. यूआरएल ताजा है, लेकिन सामग्री के लॉगिन पृष्ठ पर हमेशा रहा है के साथ संगत / पृष्ठ

कार्यक्रम सामग्री चित्र में दिखाया गया है. रूटिंग कॉन्फ़िगरेशन फ़ाइल में है index.js फाइल में मार्ग. एक परिणाम के रूप में, यूआरएल बदल गया है, लेकिन पृष्ठ हमेशा किया गया है के साथ संगत जड़ पृष्ठ. मैं कई तरीकों की कोशिश की, और यह एक दोपहर ले लिया करने के लिए इसे हल । मैं एक शुरुआत कर रहा हूँ. मुझे आशा है कि आप मुझ पर हंसते नहीं कर सकते हैं और मदद मुझे मेरी समस्या का समाधान. धन्यवाद

अनुप्रयोग.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')

फ़ाइल संरचना: दर्ज की छवि विवरण यहाँ