import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import params from '@/components/params'
import Hi1 from '@/components/Hi1'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
name: 'HelloWorld',
component:HelloWorld
},{
path:'/params/:newsId/:newsTitle',
component:params
},{
path:'/goHome',
redirect:'/'
},{
path:'/goParams/:newsId/:newsTitle',
redirect:'/Params/:newsId/:newsTitle'
},{
path:'/hi1',
component:Hi1,
alias:'/jspang'
}
]
})
<template>
<div id="app">
<img src="./assets/logo.png">
<br>
<router-link to="/">Home</router-link>|
<router-link to="/params/198/jspang website is verygood">params</router-link>|
<router-link to="/goHome">goHome</router-link>|
<router-link to="/goParams/918/i live vuejs">goparams</router-link>|
<router-link to="/hi1">Hi1</router-link>
<router-link to="/jspang">jspang</router-link>
<router-view/>
</div>
</template>
<script>
export default {
name: 'App'
}
</script>
<style>
#app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
}
</style>
重点在根路径加上alias 可以跳转但是无作用,没有根目录的内容