动态路由中,有一步需将后端传回的component 的字符串模式,改为我们前端路由需要的component模式
一、import写法 报错
动态路由 Cannot find module '@/views/Home.vue'
function loadPageByRoutes(str) {
// 传入的str为 '@/views/Home.vue' 这种格式
return () => import(`${
str}`);// 要报错
}
二、改为require写法,并返回一个resolve ,可行
function loadPageByRoutes(str) {
// views文件夹下的Home组件,传入的格式为 'Home'
return function (resolve) {
require([`@/views/${
str}.vue`], resolve);
};
}