vue配置路由后访问不到页面,vue地址栏变化但页面没反应

vue配置路由后访问不到页面,vue地址栏变化但页面没反应

没有在父路由加上router-view,加上下面的代码即可。!-- 路由匹配到的组件将显示在这里--> 路由明明配置好了页面还是不显示在首先安装vue-router: npm install vue-router@4 查看项目文件中package.json(或package-lock.json)中vue-router依赖是否成功添加下面经行配置配置路由表index.js import{ createRo

如果我们在路由配置中写错了组件的名称或路径，就会导致页面无法正确地显示。下面是一个示例：import Vue from 'vue' import Router from 'vue-router' import1. 前端代码中的链接有误，导致在nginx 中无法正确访问相应页面；解决方案：检查链接地址是否正确，确认

exportdefaultrouter//错误1:export default {router},页面不显示(export default用法出错：https://blog.csdn.net/hsany330/article/details/81001603) 第二种：将routes单独首先去看了是否是vue-router引用的问题，排除掉引用问题之后，网上冲浪找了不少方法，说是名字之类的，都排除过了。以下是排除过的问题点：路由跳转了但界面不显示没有在父路由加上ro

我以为点击li 标签之后页面会跳到路由指定了组件，recommend_detial。实际上路由确实是发生了跳转。但是界面没有反应。这就有点奇怪了。思考一下，界面即使不单独显示路由对应的出现此问题原因是因为，在刷新的时候，会清除动态路由，这个时候尚未加载路由，然后基础路由上*匹配的是404页面，此时就会跳转到404页面。解决方法：1.在constantRoutes中申明404 路由