sheepgril 2023-03-21 00:01 采纳率: 25%
浏览 23
已结题

关于#vue.js#的问题:app组件

为什么我的route-view不显示

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import './plugins/element.js'

Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')


<template>
<div id="app">
app组件
  
  
  <router-view></router-view>
</div>
</template>

<script>
import Login from './components/Login.vue';


export default {
  components: { Login },
  name: 'app'

};
</script>

<style>

</style>



import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '../components/Login.vue'

Vue.use(VueRouter)

const routes = [
  { path:'/' , redirect:'/login' },
  { path:'./login',component: Login}
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router


<template>
  <div>
    登录组件
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>

</style>


img

  • 写回答

2条回答 默认 最新

  • 归来巨星 前端领域新星创作者 2023-03-21 09:22
    关注

    img


    ./login 改成 /login

    app重定向的是 /login 而不是 ./login

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 3月29日
  • 已采纳回答 3月21日
  • 创建了问题 3月21日