vue设置路由出错

最新推荐文章于 2023-09-20 17:48:48 发布
最新推荐文章于 2023-09-20 17:48:48 发布
阅读量268 收藏
点赞数
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_49095008/article/details/124971977
版权

f9851324667d4ee18fe5b9acb76c028a.png

 原因：import中单引号写成双引号

4501aef27961464891f486dbeb3d5588.png

 改过来就好了

九米阳光
关注
前端-VUE 动态路由 构建思路
GIS摆渡人
04-22 1401
文章目录一. 简介二. 简单路由（1）配置项目路由权限（2）新建一个公共的asyncRouter.js文件（3）创建路由守卫：创建公共的permission.js文件，设置路由守卫（4）在main.js中引入permission.js文件（5）在login登录的时候将roles存储到store中三. 复杂路由（后端动态返回路由数据）（1）配置项目路由文件，该文件中没有路由，或者存在一部分公共路由，即没有权限的路由（2）新建一个公共的asyncRouter.js文件（3）创建路由守卫：创建公共的permiss
Vue2 路由重构
lin819397746的博客
12-18 454
问题 使用element-ui 的menu组件，在非菜单的页面，左侧会高亮不了 由于路由没做权限拦截，用户知道路径可以随意跳转 解决思路 将路由分为无权限路由和需要验证权限路由 利用路由守卫，处理权限接口和权限路由 对每个路由进行配置 /** * { * path:'/', * redirect:'', * component: ()=>import(), * meta?: { * activeIndex:'', //激活菜单栏的参照
关于 “vue-router” 组件未正确注册的问题
qq_44002943的博客
10-11 684
安装了vue-router但是在使用过程中报错 在这里作者犯了一个错误 导入的vue-router名称为VueRouter但是创建的并不是这个 改正后发现问题并未解决 依旧报错！！！！ 挂载的时候出现错误 将 改为 OJBK 解决 这里导入的是配置路由的js文件 默认导入名称为index的js文件所以这里可省略js文件名称 ...
vue项目打包部署后默认路由不正确问题
weixin_42781537的博客
04-27 1222
问题描述： vue项目本地开发的时候默认路由没问题，例如 redirect:"/index" 但是部署以后，服务器上默认路由不正确，现在遇到的问题是，会默认跳转到login页面，前提项目没有做路由权限。 解决方案： 打开路由index.js文件，添加:base:"/" const routers = new Router({ mode: "history", base: "/" }) 再次打包发布到服务器，发现问题解决。 ...
vue-router不生效
最新发布
qq_53719087的博客
09-20 2215
请确保您的路由链接指向正确的路径。如果您使用了HTML5 history模式，请确保您的服务器已经正确配置。没有正确安装和配置Vue Router。请确保您已经按照官方文档正确安装和配置了Vue Router。您的组件没有正确引入。请确保您的组件被正确引入到Vue实例中，以便路由可以正确匹配到组件。如果您仍然无法解决问题，请提供更多详细信息，以便我们可以更好地帮助您解决问题。请仔细检查您的路由配置，确保路径和组件名称都正确。
vue-router路由跳转 出现报错解决
tsqjxy的博客
06-23 2178
出现错误 方案一 在router下的index.vue中进行修改 直接添加以上代码即可。 方法二 找到跳转引起报错的地方，加catch 这个console.log可以啥也不打印，但是必须得写，否则无效 方案三 将自身的vue-router进行降级...
碰到一个巨坑巨坑的问题，vue设置了baseUrl却不管用？
Michael_Hzs的博客
09-06 2487
vue设置了baseUrl却不管用
vuerouterstorage一个vue历史路由持久化的解决方案
08-08
Vue Router 是 Vue.js 的官方路由库，用于管理单页面应用（SPA）中的路由。然而，在用户刷新或关闭浏览器后，Vue Router 的导航历史记录通常会丢失。为了解决这个问题，社区中出现了一些插件和解决方案，如 "vue-...
详解Vue路由自动注入实践
10-17
总结起来，Vue路由自动注入是一种有效提升开发效率和代码组织性的工具，它通过解析文件结构自动创建路由配置，确保路由命名的规范性和层次的清晰性，减少了手动配置的繁琐和出错的可能性。在大型Vue项目中，这种自动...
vue 自动化路由实现代码
10-16
我们可以设置正则表达式来匹配 `index.vue`, `detail.vue`, `edit.vue` 文件，并忽略 `components` 子目录中的文件。这里使用了 `\.\/[a-z]+\/(?!components)[a-z]+\/[a-z]+\.vue$/i` 这个正则，它匹配以小写字母...
配置vue-router报错解决（包含好几个错误）
weixin_44201321的博客
02-27 1万+
前端萌新 配置vue-router报错解决（包含好几个错误）
关于 vue 中 router 的 坑
weixin_42468316的博客
02-17 588
PS： 本人跟着尚硅谷 的 老师打算做一个项目 结果在 搭建路由之后 一直报错且不显示 路由页面 报错如下 ： 启动的时候 是这样的 ： 页面中的错误是这样的 ： vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading 'matched')" 上代码 router/index.js import Vue from..
vue-cli3.x 项目配置基本路径 base
weixin_43299180的博客
03-30 5183
今天运维同学提出一个需求，在访问前端项目的时候，需要添加一个基础路径，用来区别其他的前端项目。案例：http://xxx.com/test/ ,需要前端配置一下 /test/ 作为这个项目的基础路径。 具体步骤如下： 1、在定义路由的时候，配置一下 base 属性，这个属性默认值是根目录也就是 base:’/’ ，我们需要将根目录替换成 /test/ const router = new Router({ mode:'history', base:'/test/', routes }) 2、在根目录
vue-router实现history模式配置（生产环境路由失效跟刷新404问题）
马云
07-27 1363
使用history模式通常本地调试没有什么问题，但是一旦发布到测试或生产环境，则会出现页面白屏或者刷新页面白屏的现象，这种问题的出现是因为前端和服务端没有做相应的配置。location/test-daily表示项目部署在了/test-daily目录下，这里要跟vue.config.js里的publicpath的值保持一致。原文链接https//blog.csdn.net/ZhushiKezhang/article/details/122843264。test-daily是你是项目包名。...
Vue Router系列之 base 配置项解释
老__L的博客
02-21 1万+
base 配置项解释
vue项目代理名和baseURL一致出现的问题
Roriring的博客
07-09 1269
当我们给axios设置了baseURL的时候，如果代理的根路径和baseURL一样，则会出现代理（本例子即/newcoplat）被替换两次的情况 const service = axios.create({ baseURL: '/newcoplat', timeout: 5000, }) proxyTable: { '/newcoplat': { target: 'http://10.157.98.129:8081', // 源地址 secure: .
vue-router(hash模式)常见问题以及解决方法
热门推荐
zhang_fox的博客
05-03 2万+
### 问题一：```// 动态路由/detail/:id```动态路由跳转的时候，页面是不刷新的，相信很多人都遇到了相同的问题> ### 解决方法在全局的router-view组件上设置一个key值，此key值为一个时间戳或者随机字符，对于keep-alive的组件不做这个处理。### 问题二：``` router.go(0)```这种写法本质上是想达到刷新当前页面的目的，但是在一些浏览器...
解决vue2配置路由时出现的报错
weixin_52487969的博客
04-15 3809
解决vue2配置路由时出现的报错 Uncaught TypeError: Object(...) is not a function npm WARN read-shrinkwrap This version of npm is compatible with lockfileVersion@1, but package-lock.json was generated for lockfileVersion@2. I'll try to do my best with it!
Vue路由自动注入原理与实践
"Vue路由自动注入实践，Vue 路由注入，Vue-router，Webpack插件，自动化，目录结构，路由命名，.gitignore，.eslintignore" Vue路由自动注入是一种提高开发效率的机制，源自Nuxt框架的概念，它允许开发者无需在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值