今天，我在项目中遇到了一个问题，这个问题在Router文件夹下的routing js映射文件中有明确的配置，如下所示：

//生日卡{path: '生日提醒'，component : load(@/components/app/birthday提醒/birthday提醒')}然后我通过进入主页并点击一个图标进入了这个生日卡页面。路径如下：

Const tmpConfig=[{funcName: '生日卡'，link : '/home/0/work/生日提醒/生日提醒'，icon3360 require('././assets/img/home/toolbar 1 . png ')}，]。那么整个文件路径如下图所示：

然后，有所有的路径，结果，你不能进入生日提醒页面

解决问题

做了很久，同事终于告诉我，原来图标链接属性的路径是错的，正确写为：

Const tmpConfig=[{funcName: '生日卡'，link : '/home/0/work/生日提醒'，icon3360 require('././assets/img/home/toolbar 1 . png ')}，{funcName: '应用程序中心'，link : '/home/0/work/app center '，icon3360 require('././assets/img/home/toolbar 1 . png ')}，]；具体的文件路径是link : '/home/0/work/生日提醒/生日提醒'，但是报错了，写文件的上层文件夹(link 3360 '/home/0/work/生日提醒)路径写对了，是不是很奇怪？

分析问题

我想了一下，还是挺合理的，因为在Router的路由映射js中，Router首先从路径属性开始搜索，找到对应的路径，然后加载具体的路径。比如上面的链接： '/home/0/work/生日遗忘，Router会在vue的路由映射表中查找path和Path : '/生日遗忘的名称映射，然后自动加载出具体的vue地址，然后进行渲染。

写错了是：localhost :8080/birthday remin/birthday remin。很明显，路由映射表中没有path : '/生日提醒/生日提醒'，因此无法渲染对应的vue。

由于工作项目不同，/home/o/work/在这里相当于localhost:8080/，相当于遵循路径。

总结：

以后如果想让Router找到对应的vue路径，只需要http://localhost:8080路径就可以找到并渲染对应的页面。

Ps:这里的路径写在路由映射表中，格式如下：

从' components/rank/rank '导入Rank导出默认新Router({ routers :[//{//path : '/'，//name: 'Hello '，//components : Hello//}，{ path : '/' recommend ' }，{path:'/rank '，components : Rank } })以上就是本文的全部内容，希望对大家的学习和学习有所帮助