import Vue from 'vue'
import VueRouter from "vue-router"
import MSite from "../pages/MSite/MSite"
import Search from "../pages/Search/Search"
import Order from "../pages/Order/Order"
import Profile from "../pages/Profile/Profile"
// 声明使用插件
Vue.use(VueRouter)
export default new VueRouter({
//所有路由
routes:[
{
path:'/msite',
component:MSite,
},
{
path:'/order',
component:Order,
},
{
path:'/profile',
component:Profile,
},
{
path:'/search',
component:Search,
},
//默认应该是Msite
{
patch:'/',
redirect:'/miste'
}
]
})
这是我的index.js路由配置
import Vue from 'vue'
import App from './App.vue'
import router from './router'
Vue.config.productionTip = false
/* eslint-disable no-new */
new Vue({
el: '#app',
components: { App },
template: '<App/>',
// render: h => h(App),
router
})
这是我的main.js
<template>
<div id="#app">
<router-view></router-view>
<FooterGuide/>
</div>
</template>
<script>
import FooterGuide from './components/FooterGuide/FooterGuide.vue'
export default {
components: {
FooterGuide
}
}
</script>
<style>
</style>
这是我的APP.vue
运行页面没有内容,但是
FooterGuide.vue
有内容。
报错如下:我的路由配置没有问题!
