vue打包时redirect的路由报错

最新推荐文章于 2024-11-06 10:37:11 发布
原创 最新推荐文章于 2024-11-06 10:37:11 发布 · 504 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js

本文探讨了在Vue项目中使用vue-router的历史模式时遇到的redirect路由错误问题，特别是在没有后端支持的情况下。文章建议在没有后端配置时采用hash模式，或者确保后端正确配置以支持history模式。

vue中的路由redirect打包后报错

vue-router中设置history模式时，redirect的路由报错了，如果没有后端配合，路由就很容易会报错，所以要么设置成hash模式，要么有后端配合时再设置为history模式

Vue 路由打包报错的原因和解决方法
DevGlider的博客
09-21 1061
在 Vue.js 中，路由是一个非常重要的功能，它允许我们在单页面应用程序中进行页面导航和组件切换。然而，有时在打包 Vue 项目时，可能会遇到一些与路由相关的错误。当打包 Vue 项目时，如果遇到路由相关的错误，首先应该检查路由配置是否正确，依赖项是否安装和配置正确，以及版本是否兼容。在 Vue 路由中，我们需要正确配置路由表，以确保每个路由都能正确映射到对应的组件。有时，打包错误可能是由于缺少相关的依赖项或插件引起的。在你的项目中，可以尝试升级或降级 Vue 路由的版本，以与其他依赖项保持兼容。
vue 路由死循环 解决方案
weixin_42066070的博客
04-11 1955
import router from './router' import store from './store' import { Message } from 'element-ui' import NProgress from 'nprogress' // progress bar import 'nprogress/nprogress.css' // progress bar style import { getVerifiedInfo } from "@/api/login"; import.
vue路由跳转错误：Error: Redirected when going from “/login“ to “/home“ via a navigation guard.
weixin_43990297的博客
11-25 9436
在项目开发中，因为有路由权限问题，所以做了动态添加路由，但是在第一次登录成功，获取路由进去首页后会出现如上图报错。后续再进行页面跳转就不会报这个错了，具体出现原因没搞懂，有大佬知道请告知，我说下我的解决方案，在router文件下的index.js中添加如下代码，将路由重定向时的这个错误通过catch给捕获到 // router/index.js import VueRouter from "vue-router"; const originalPush = VueRouter.prototype.pu.
vue 打包路由报错_Webpack4+vue+ssr打包后，访问路由出错
weixin_35656285的博客
01-13 564
项目详情：一个Todo应用，有/app`(主页面)和/login(登录页面)两个路由错误详情在做ssr渲染时，我使用了路由懒加载，然后用webpack打包前端代码时，打包成功了，然后启动服务端端口时访问主页面出错了(但是生成环境没有问题，生产环境调试是使用webpack-dev-server + koa启动两个端口)，生产环境访问出错原因是：TypeError: Cannot read prope...
history 改成 模式_vue-router中history模式页面报错
weixin_30099269的博客
12-23 524
首先配置路由的时候，import Vue from 'vue';import VueRouter from 'vue-router';import routes from 'routes/index.js'; //此处关键字不可以是routeVue.use(VueRouter);const router = new VueRouter({routes,})new Vue({router, //此...
vue项目打包部署后默认路由不正确问题
weixin_42781537的博客
04-27 1304
问题描述： vue项目本地开发的时候默认路由没问题，例如 redirect:"/index" 但是部署以后，服务器上默认路由不正确，现在遇到的问题是，会默认跳转到login页面，前提项目没有做路由权限。 解决方案： 打开路由index.js文件，添加:base:"/" const routers = new Router({ mode: "history", base: "/" }) 再次打包发布到服务器，发现问题解决。 ...
vue3动态注册路由
m0_67402564的博客
03-09 487
在vue-cil2中，我们可以通过webpack中require.context这个api实现工程自动化，而在vue-cil3里vite替代了webpack，节省了webpack冗长的打包时间的同时我们也会失去webpack的此类部分api。 不过没关系，我们可以使用vite中的 import.meta.glob()异步、import.meta.globEager()同步 来进行替换。 若是使用import.meta.glob()、import.meta.globEager() 报错没有此方法解决方案，我是
Nuxt - [高效简洁] 路由不存在时，跳转到自己定制的 404.vue 页面（当路由不存在时自动重定向到自定义的 404 组件）路由配置的解决方案
🏆 前端领域优质创作者
11-17 4039
nuxt当路由不存在时怎么跳转到404页面，nuxt.js实现路由不存在时跳转到自己做的404页面，NUXT.JS实现当网页链接不存在后，自定跳转重定向到404，nuxt.js跳转404，nuxt.js写项目时增加错误提示页面操作，页面重新加载后,Nuxt动态路由返回404，nuxtjs不存在路由重定向至404页面，Vue在Nuxt.js中重定向404页面的方法，nuxt.js页面404怎么做，Vue在Nuxt.js中重定向404页面的方法，【NuxtJs】不存在路由重定向至404页面，如
vue路由篇
weixin_68658847的博客
03-03 1832
vue路由篇
vue 打包路由报错_急急急急，vue打包部署后，路由无法跳转
weixin_42347750的博客
02-22 3424
求助vue打包部署后首页可以正常访问，可是一但点击下一步；就没反应；控制台报错：(打包后的index.html文件和JS文件分别部署在服务器的不同文件夹下，但是在index.html文件中的link路径也做过修改)我的vue.config.js是：`module.exports = {// 基本路径publicPath:"./",// 输出文件目录outputDir: 'dist',// webp...
vue mode: history 链接刷新报错_新手使用vue-router传参时注意事项
weixin_39601194的博客
11-25 319
1. 使用name和params组合传参this.$router.push({name: 'details', params: {'id': 233}})路由配置import Vue from 'vue'import Router from 'vue-router' Vue.use(Router) export default new Router({ mode: 'history', route...
vue+vue-router 打包后遇到的一系问题
prayer的博客
05-20 4884
写完项目（ vue-cli ）直接 npm run build 之后，生成了一个dist 文件夹，里面有一个index.html和一个static文件夹，把dist文件里的文件提出来放在我的wamp的www目录下，然后访问127.0.0.1/dist/，发现如下问题1.访问index.html文件没有内容，检查发现是因为index文件里的css和js路径有错 解决方法：修改源码config文件夹下...
Vue中如果不是已经配置好的路由（错误的路由），跳转到指定路径——redirect
zyz00000000的博客
03-23 2054
在router.js中配置：当输入没哟配置的路径时，直接跳转到home路径对应页面，且路径也是home路径 { path: '*',//除了已经配置好路由 redirect: '/home' } redirect也可以为一个函数： （1）接收一个参数为to to的值： 举例： { path: '*',//除了已经配...
vue3路由报错解决方法
2302_79245293的博客
01-23 723
createWebHashHistory是否为 createWebHashHistory()方法 //指定路由模式为哈希模式。修改：改为方法就行了。
redirect重定向无效Thinkphp/TP
qq_40838461的博客
12-15 1154
tp6框架使用中，比如后台管理基本都是要做登录权限的判断条件的，为了避免在每个方法中书写判断条件，就在这过程中使用基础控制器（Core名字自定义）里来继承BaseController做登录预判，但是在这过程中你会发现初始化中使用redirect重定向竟然无效了，这个文档并没有指定明确，翻阅资料得出可行结果为redirect('/')->send(); ...
vue3 动态路由-刷新页面或者首页redirect进入home页面不出来，提示404无法加载页面的解决办法
欢喜豆腐的博客
07-13 2839
找了好久发现是因为vue-router4 addRouter后不会触发新的导航，必须自己手动加载一遍。router.push(to) or router.replace(to) 都可以。vue刷新页面或者首页通过redirect进入home页面，页面都是找不到不显示。
vue3+electron 解决打包后首页打开空白，以及打包后路由不跳转等问题
热门推荐
weixin_45578532的博客
11-30 1万+
所以有路由功能，当我们运行npm run electron:serve的时候，最后可以直接加载http://localhost:8080。在终端里面就可以显示页面。问题原因：因为请求接口报错就在控制台打印了一下信息，本地环境有这个console.log，但是打包生成后.exe文件里的控制台无这个console.log。，所以加载的是静态页面，win.loadURL("file://./index.html")。在项目中登录等存储token，运用到了js-cookie这个库，cookie是来操作浏览器的。
vue3设置路由path:“*“警告，但是不报错也没显示功能解决方法
second223的博客
06-16 465
我找了一下网上的其他方法，要把path改成这样。这两个的区别就在于用正则匹配多个或者单个。当然大部分情况第一个就能全给处理了。我们设置重定向一般是这样。
vue3项目：接口请求成功后但依然抛出code错误
qq_46550540的博客
11-06 372
排查其他成功的接口返回成功的code值及code类型是否一致，如一致则不是本次讲解的问题，如不一致可尝试下面的解决方案；方法二：让后端统一调取成功返回code值即可。
vue3 接口返回的动态路由，跳转报错Invalid route component
最新发布
10-31
当出现三级路由报错时，检查： - 父级路由是否包含`<router-view>`组件 - 子路由的`path`是否以`/`开头（应避免，否则会变成根路径） ```javascript // 错误示例（会使/test1变成绝对路径） children: [{ path: &#39;/...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值