vue路由

【vue】vue路由history模式下刷新页面404

原因：vue的路由是由js来控制的，但是，当你刷新浏览器的时候，是向服务器发送请求的一个过程，当访问不到的时候必然会返回404。解决办法：后台配合：将请求同意指向一个有效地址。比如，你的首页请求地址为www.aaa.com/go.html，但是路由变为www.aaa.com/main，这时候你可以与后端人员商量，将www.aaa.com/...统统指向www.aaa.com/go.html，这样就
reco_luan·2020-03-02 23:33

Vue路由守卫

Vue中的路由守卫类别：1.全局守卫2.组件内守卫3.路由独享守卫一、全局守卫：1.概念：在这个守卫方法中进行全局拦截，可以设置满足某些条件（比如是否登录）才可以进入到当前路由导向的页面2.设置方式：在main.js（插件入口页面）文件中定义，有以下几个钩子函数方法router.beforeEach（）进入路由前执行router.beforeResolve（）解析守卫：在导航被确认之前，同时在所有
欢乐马_0d6a·2020-02-26 22:57

Web开发大本营周末提高班说明

紧急同学可小灶每周一天（周日），考虑大家加班和休息每次课程6课时，课程知识量足够课程轮回讲授，一期没学好，还有下一期入学即加入学习群，享受技术支持/代码服务学习内容包括但不限于：Vuevue基础vue组件vue
Web开发大本营·2020-02-26 07:32

vue路由使用问题：Error in render TypeError Cannot read property 'matched' of undefined

记一个使用vue-router时的低级错误。使用vue-router时，打开网页出现如下错误：一开始我以为是vue-router没有安装好，重装后发现问题仍然存在。仔细检查过后发现问题出在没有在main.js中的Vue实例对象中挂载vue-router对象：在此总结一下使用vue-router的步骤首先安装好vue-router后中，配置router文件夹下的index.js时分如下三步：impo
AhuntSun·2020-02-23 19:00

如何在vue里面优雅的解决跨域，路由冲突问题

://localhost:3000'},'/users/*':{target:'http://localhost:3000'}},这种配置方式在一定程度上解决了跨域问题，但是会带来一些问题，比如我们的vue
wjl998·2020-02-23 15:42

vue路由核心要点（vue-router）

目录目录目录1.vue-router是什么?2.如何使用v-router?3.vue-router跳转和传参4.vue-router实现的原理两种模式1、Hash模式：2、History模式：5.vue-router有哪几种导航钩子?6.$route和$router的区别7.vue-router响应路由参数的变化8.vue-router实现路由懒加载（动态加载路由）引言：该篇主要讲的是关于vue-
halfsoul·2020-02-22 20:00

第三课 vue路由配置

前提必须先把项目安装并启动起来，然后打开编辑器导入项目，然后开始学习路由。第一步：安装路由vue-routercnpmivue-router--save第二步：配置路由如果你下载vue-cli项目的时候，选择了路由，你就不用跳过第二步，但是我假设你并没有选择初始化安装。1)在项目中的src下建立一个router文件夹，然后在里面再创建一个index.html2)打开router/index.jsi
面包在奔跑·2020-02-22 13:54

vue路由跳转的两种方式

query和params区别query类似get,跳转之后页面url后面会拼接参数,类似?id=1,非重要性的可以这样传,密码之类还是用params刷新页面id还在params类似post,跳转之后页面url后面不会拼接参数,但是刷新页面id会消失一.声明式router-link(利用标签跳转)1.0不带参数形如：http://localhost:3000/#/home/newslist23//r
顺丶·2020-02-20 22:00

vue路由配置

安装路由npminstallvue-router--save-dev配置在src里新建router/index.js在src下面新建main.js和App.vue在router/index.js配置路由路径和对应的组件/***配置vue-router*/importVuefrom'vue';importVueRouterfrom'vue-router';//使用插件,用useVue.use(Vue
十八岁的天空_b2de·2020-02-20 06:55

4、vue路由的配置

index.htmlshellman.jsimportVuefrom'vue';importAppfrom'./App';importVueRouterfrom'vue-router';importGoodsfrom'./components/goods/Goods';importSellerfrom'./components/seller/Seller';importRatingsfrom'./
夜幕小草·2020-02-18 22:26

Vue路由和组件的懒加载

最新版的vue-cli+webpack构建的vue项目在结构上有了一些变化。比如build文件夹下的dev-server.js文件消失了等，当然细心点同学可能会在package.json文件中发现webpack-bundle-analyzer的身影，它的作用是分析项目打包后的各个资源的体积。我们运行打包命令就知道它的功能了：npmrunbuild结果如下图（PS：config/index.js文件
ALOLONGHUN·2020-02-18 07:38

Vue-router笔记

vue路由：防止url输入错误找不到页面：{path:'*',redirect:'/'}跳转到上一次浏览的页面：this.$router.go(-1);制定跳转的地址：this.
小石头糖糖·2020-02-18 07:22

vue2路由导航守卫（钩子函数）

所谓的Vue路由导航守卫，也就是我们常说的生命周期钩子函数，钩子函数的意思就是在特定的时刻，Vue会自动触发这个方法，我们可以通过这些个钩子函数，实现一些功能，比如，某些页面需要登录后才可以访问，某些页面需要用户达到什么等级才可以访问
前端xh·2020-02-15 12:00

聊一聊实现Vue路由组件缓存遇到的’坑‘

背景介绍最近在做公司后台管理系统项目时遇到一个比较怪异的bug——采用keep-alive+vue-router实现的路由缓存遇到缓存不生效的情况。vue-router组件缓存未生效的bug项目背景此项目是基于[email protected]进行开发的，全局状态管理采用vuex分module实现，路由采用vue-router进行路由配置表的方式实现。项目属于基于RBAC的后台管理系统，需要多用户多角
dino小恐龙·2020-02-14 21:54

Vue路由-详细总结

Vue路由vue-router前面的话在Web开发中，路由是指根据URL分配到对应的处理程序。对于大多数单页面应用，都推荐使用官方支持的vue-router。
zwnsyw·2020-02-14 14:00

vue路由动画效果

在做博客时，想在导航切换时添加动画效果。当前一个路由索引比要跳转的路由索引小时，向右滑动，反之向左滑动。代码如下：exportdefault{data(){return{animateName:'slide-left',pathList:['/home','/essays','/diary','/write','/about']}},//监听路由的路径，可以通过不同的路径选择不同的切换效果befo
Joker丶龙·2020-02-13 10:41

第四课 vue路由router-link跳转

第一步：再components文件夹中再创建一个hi.vue，包装至少有2个组件第二步：给hi.vue添加基本结构代码第三步：配置router/index.js，导入hi.vue组件，并且建立一个路径，并与访问第四步：打开App.vue文件，写跳转代码跳转的另一种写法也可以写：为什么要写成:to呢，目的是可以声明一个变量去配置，如图：或者你也可以这样写：第五步：去掉地址栏上的#进入router/i
面包在奔跑·2020-02-12 03:04

解决vue生产环境app.js文件过大问题

image.png路由懒加载将下图中的1改为2，详细可以百度搜索vue路由懒加载image.p
摇了摇头oO·2020-02-11 01:54

vue路由守卫 以及 路由守卫无限循环问题

先贴一波官方文档的内容constrouter=newVueRouter({...})router.beforeEach((to,from,next)=>{//...})当一个导航触发时，全局前置守卫按照创建顺序调用。守卫是异步解析执行，此时导航在所有守卫resolve完之前一直处于等待中。每个守卫方法接收三个参数：to:Route:即将要进入的目标路由对象from:Route:当前导航正要离开的路
翔阿翔阿翔·2020-02-10 20:46

VUE路由

首先：添加相关依赖1、package.json包中1.jpg2、在main.js中引用2.jpg1540167233(1).jpg其次：一级路由的配置importVuefrom'vue';importRouterfrom'vue-router';Vue.use(Router);exportdefaultnewRouter({//去除路径中的#标志mode:"history",//以及路由route
技术小白熊·2020-02-08 23:22

Vue-基础路由的使用

这是本菜鸟学习路由后整理的笔记，如果有什么问题，请见谅，也希望大佬们能指出其中的问题，好让本菜鸟能及时发现错误为什么使用Vue路由目前前端流行一种叫SPA单页面应用框架，单页面应用指的是应用只有一个主页面
Johnn_Ye·2020-02-07 14:49

如何去掉vue路由地址中的#/

http://localhost:8081/#/http://localhost:8081/#/homehttp://localhost:8081/#/aboutUs……上面这样，每个地址中都有一个“#”，尤其是我这种处女座的帅男来讲，每次看到它我就全身不舒服。下面我给大家讲我是如何把它去掉的：因为我们搭建的环境默认用的hashmode，如果要去掉#/，改成history模式就可以了，具体配置在r
南台观芸秀·2020-02-07 04:03

vue一些语法

1.关于vue路由切换总是默认添加一个classrouter-link-exact-active个人中心对应生成的HTML代码为：个人中心2.Vue2路由动画效果实现参照vue官网的过渡劫持动画效果主要是由
厚脸皮的书·2020-02-05 21:34

Vue路由管理器Vue-router的使用方法详解

router-link组件支持用户在具有路由功能的应用中点击导航。通过to属性指定目标地址，默认渲染成带有正确链接的标签，可以通过配置tag属性生成别的标签。另外，当目标路由成功激活时，链接元素自动设置一个表示激活的CSS类名比起写死的会好一些。无论是HTML5history模式还是hash模式，它的表现行为一致，所以，当切换路由模式，或者在IE9降级使用hash模式，无须作任何变动；在HTML5
小火柴的蓝色理想·2020-02-05 15:01

vue路由动画

文章来源：Vue-router结合transition实现app动画切换效果实例分享VueRouter.prototype.goBack=function(){this.isBack=truewindow.history.go(-1)}exportdefault{data(){vardata={transitionName:""}returndata;},watch:{$route(){varis
zhcnnet·2020-02-05 15:59

vue路由传参的基本实现方式小结【三种方式】

本文实例讲述了vue路由传参的基本实现方式。分享给大家供大家参考，具体如下：前言vue路由传参的使用场景一般都是应用在父路由跳转到子路由时，携带参数跳转。
不想写代码的码农·2020-02-05 08:46

vue路由缓存的几种实现方式小结

本文实例讲述了vue路由缓存的几种实现方式。分享给大家供大家参考，具体如下：在我们的日常开发中，有时候会遇到页面的缓存，特别是电商的项目，在商品列表的一些状态都是要缓存下来的。
不想写代码的码农·2020-02-02 09:53

10 Vue路由、http请求、跨域请求fetch/axios/proxy

1、Vue路由的使用->页面之间跳转其不会刷新页面->单页面应用->用户体验感良好(1).安装路由模块：npminstallvue-router--save-dev；然后重启->npmrunserve;
官清岁月·2020-02-02 08:11

vue路由的两种模式，hash与history

对于Vue这类渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-router存在的意义。前端路由的核心，就在于———改变视图的同时不会向后端发出请求。一、为了达到这个目的，浏览器提供了以下两种支持：1、hash——即地址栏URL中的#符号（此hsah不是密码学里的散列运算）。比如这个URL：http://www.abc.com/#/hello,hash的值为#
木偶之春hyc·2020-02-02 04:52

Vue路由的单页面应用

VueJs路由的简单单页面应用：1.路由的认识：传统的页面跳转是用超链接a来实现的，路由功能与它类似。路由将路径和组件映射起来来实现设定访问路径，适用于单页面应用。2.在刚开始引用的时候就出现问题：各种类似的“componentofundefined,Vueisnotdefined,VueRouterisnotdefined”报错。通过仔细的查找和试验，证实是版本的问题，解决办法：下载对应的环境和
古时候·2020-02-02 03:05

vue路由使用

vueaddrouter使用历史模式吗？Y项目中生成router.js文件，所以在main.js主入口文件中引入importrouterfrom'./router.js'在newVue({router:router})中使用routes:[]中component:()=>import('./views/Home.vue');懒加载routes:[]中redirect:()=>{console.lo
hijackli·2020-02-01 22:23

VUE 改成history 模式 刷新404 的问题

vue路由的URL有两种模式，一种是hash，一种是history，history模式更好看一些。在使用hisory模式时，由于地址并不是真实存在，那么在刷新的情况下，这个会报404错误。
自由港·2020-01-21 16:00

Nginx: Vue路由history模式下，publicPath配置为子目录时，页面刷新报404错误

今天在部署项目时遇到的问题，在网上都找不到解决方法（或许自己没找对），所以自己捣鼓了下，测试加分析定位bug，最后总算解决了，所以要记录一下。1.问题描述vue项目打包后部署到Nginx，Nginx作为静态服务器项目路由启用HTML5的history模式项目路径：html/some/path（Nginx的HTML目录）publicPath：配置为/some/path/（vue.config.js中
H有个U啊~·2020-01-14 18:08

Vue路由守卫

我们在看一些网页的时候如果想进一步了解一些东西的详情信息的话,当前的网页就会让我们进行登录,我们必须及逆行登录后才能够看到我们想看到的详情信息,这个操作我们称之为路由守卫也是我们在做一些项目的时候必要进行的一步,如果我们不做这一步的话,自己所作项目中的所有的数据,不管是可以公共访问的还是不能进行公共访问的都会展现给用户,这样是存在一定性的危险的,会极可能的导致自己公司的一些重要数据的丢失或者被盗用
小小熊猫·2020-01-12 16:00

vue路由

vue路由在项目目录下的router/index.js下配置当我们创建了一个vue页面，需要将它注册进路由里面才能使用如图我想实现从Test页面转向A，B页面，我就要使用标签实现页面的跳转，还要将两个页面注册进路由里面子路由
刘牌·2020-01-10 02:51

vue移动端项目架构设计（附demo）

项目初始化技术选型结合vue生态，此移动端项目模板使用如下技术：前端框架——vuevue状态管理——vuexvue路由管理——vue-router请求方式——axios样式管理——less包管理——npm
LM林慕·2020-01-10 01:54

2019-06-18 vue路由

本文转载于前端工匠。如有侵权联系本人立刻删除一、首先带着问题要学习vue-router就要先知道这里的路由是什么？为什么我们不能像原来一样直接用标签编写链接哪？vue-router如何使用？常见路由操作有哪些？等等这些问题，就是本篇要探讨的主要问题。二、vue-router是什么这里的路由并不是指我们平时所说的硬件路由器，这里的路由就是SPA（单页应用）的路径管理器。再通俗的说，vue-route
qiaoguoxing·2020-01-07 17:46

vue路由的两种模式以及history模式下后端配置

原文链接：https://www.cnblogs.com/mica/p/10876822.html1、hash——即地址栏URL中的#符号。hash虽然出现URL中，但不会被包含在HTTP请求中，对后端完全没有影响，因此改变hash不会重新加载页面。2、history——利用了HTML5HistoryInterface中新增的pushState()和replaceState()方法。需要特定浏览器
LeslieLiang·2020-01-07 09:59

iOS微信 Vue “复制链接”问题

因为ios微信对vue路由中的#号识别问题。我的解决办法是在初始进入项目时重新拼接项目地址，再重定向到拼接的地址去。
XLsn0w·2020-01-05 11:55

vue路由传参

方案一：直接调用$router.push实现携带参数的跳转this.$router.push({path:`/describe/${id}`,})路由配置：{path:'/describe/:id',name:'Describe',component:Describe}子组件获取参数：$route.params.id方案二：通过路由属性中的name来确定匹配的路由，通过params来传递参数thi
王哈哈wl·2020-01-04 16:14

第九课 vue路由跳转加入过渡动画

第一步：给router-view显示外层加入一个transition标签第二步：制定他的css懂法方案，name="fade"在加入css代码：如何配合animate.css使用1.下载css文件2.放在项目的static文件夹中3.在index.html中，用link引入，引入路径为"/static/animate.css"4.在hi组件中写入样式当然也可以在修改一下过渡的细节1.加入一个cla
面包在奔跑·2020-01-04 06:47

Vue路由

前言本文基于Vue2.0的简单路由的应用，更多路由详情请进入官网简单路由基本使用路由的简单方式官网中的栗子写的挺清楚，这里把官网中的重点提取过来吧！下载路由GotoFoo//1.定义组件。constFoo={template:'foo'}constBar={template:'bar'}//2.定义路由constroutes=[{path:'*',redirect:'/foo'},//重定向{pa
yimi珊·2020-01-02 13:33

vue项目创建步骤 和 路由router知识点

菜单快捷导航：vue项目创建vue路由router知识点(路径参数、查询参数、命名路由、嵌套路由、命名视图、hash/history模式)vue导航守卫（全局守卫、单个路由独享、组件级守卫）1、创建一个
TDX·2020-01-01 23:00

vue项目创建步骤 和 路由router知识点

菜单快捷导航：vue项目创建vue路由router知识点(路径参数、查询参数、命名路由、嵌套路由、命名视图、hash/history模式)vue导航守卫（全局守卫、单个路由独享、组件级守卫）1、创建一个
TDX·2020-01-01 23:00

与传统方式不一样的vue路由

前言以前我们用的路由都是以抛锚形式的，想不到现在可以做成像伪静态一样的路由。示例对比传统形式(hash式)的路由:http://www.example.com/app#indexhttp://www.example.com/app#uservue式(URL式)路由:http://www.example.com/app/indexhttp://www.example.com/app/user这里要注
爱蛇·2020-01-01 04:32

Vue路由-动态路由-编程式导航

 通常我们会用一个或多个路由表，来匹配所有页面的路径。但这不能满足一些特定的需求。#解惑 好几次被问到怎么区分$route和$router，这里统一给出解释：this.$router：指的是router实例，也就是newVueRouter()的执行结果，使用效果与router相同。有这种写法是因为Vue并不想在每个独立需要封装路由的组件中都导入路由，因此在全局创建了该对象。this.$route：
果汁凉茶丶·2020-01-01 01:21

Vue路由默认子路由

在vue路由中，如果存在二级路由的话，那么该路由下的所有子路由默认都不会自己显示的，如果想要默认展示子路由的话就需要按照如下配置routes:[{path:'/system-settings',component
LeslieLiang·2019-12-31 22:25

vue 使用脚手架创建项目

webpack的Projectname（工程名）:回车Projectdescription（工程介绍）：回车Author：作者名Vuebuild（是否安装编译器）:回车Installvue-router（是否安装Vue
逆世界开发者·2019-12-30 00:57

vue路由传参的三种方式以及解决vue路由传参页面刷新参数丢失问题

最近项目中涉及到跨页面传参数和后台进行数据交互，看到需求之后第一反应就是用路由传参来解决；Vue中给我们提供了三种路由传参方式，下面我们一个一个的来看一下：方法一：params传参：this.$router.push({name:"admin",//这里的params是一个对象，id是属性名，item.id是值(可以从当前组件或者Vue实例上直接取)params:{id:item.id}})//这
有梦想的咸鱼前端·2019-12-29 00:50

vue路由传参

路由基础知识router和route的区别route，是一个路由。{path:'/a',component:A}routes，是一组路由。constroutes=[{path:'/a',component:A},{path:'/b',component:B}]router，是一个管理者，它管理了一组route。constrouter=newVueRouter({routes//routes:rou
lesdom·2019-12-27 23:24
上一页 31 32 33 34 35 36 37 38 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他