1、使用history路由模式,必须设置base参数
import VueRouter from 'vue-router'
const routes = [
{
path: '/',// 重定向
redirect: '/home'
},
{
path: '/home',
name: '首页',
component: resolve => require(['@/views/home'], resolve),
},
{
path: '/formPage',
name: '表单',
component: resolve => require(['@/views/formPage'], resolve),
}
]
const router = new VueRouter({
mode: "history",
base: process.env.BASE_URL, // 如果使用history模式,必须设置base参数
routes
});
export default router;
2、使用history路由模式,打包后在本地通过http-server测试时有时会发现,除了默认的home页外,其他页面都报404,此时可以尝试把history模式去掉后来测试。如果是线上环境,需要后端配合修改配置。