一、路由拦截 1.首先在router的index.js里配置一个自定义字段requireAuth,用该字段来判断进入该路由是否需要登录。如果已经登陆则进入该路由，反之则进入登录页面。 如图是路由配置： 2.在main.js里面利用vue-router的beforeEach钩子函数对路由进行判断。 实 ...
分类：
移动开发 时间：
2019-02-14 15:13:29
阅读次数：
238
HTML5 history 新增了两个 API：history.pushState 和 history.replaceState 两个 API 都接收三个参数： 1.状态对象（state object）：一个 javascript对象，与用 pushstate()方法创建的新历史记录条目关联。无论何 ...
分类：
其他好文 时间：
2019-01-25 17:41:56
阅读次数：
217
什么是路由 后端路由 对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上的资源 前端路由 对于单页面应用程序来说，主要通过URL中的hash(#)来实现不同页面的切换，hash有一个特点，HTTP请求中不会包含hash相关的内容。所以单页面程序中的页面跳转主要用hash实现。 ...
分类：
其他好文 时间：
2019-01-16 20:41:40
阅读次数：
151
在单页应用上，前端路由并不陌生。单页应用是指在浏览器中运行的应用，在使用期间页面不会重新加载。 基本原理:以 hash 形式（也可以使用 History API 来处理）为例，当 url 的 hash 发生改变时，触发 hashchange 注册的回调，回调中去进行不同的操作，进行不同的内容的展示。 ...
分类：
其他好文 时间：
2019-01-07 20:59:50
阅读次数：
254
Token验证 设置前端路由跳转 router.beforeEach((to, from, next) => { if (to.matched.some(route => route.meta.auth)) { // 判断token是否存在，如果存在则正常跳转 if (localStorage.ge... ...
分类：
其他好文 时间：
2018-12-27 13:23:21
阅读次数：
167
对于 Vue 这类渐进式前端开发框架，为了构建 SPA（单页面应用），需要引入前端路由系统，这也就是 Vue-Router 存在的意义。前端路由的核心，就在于 —— 改变视图的同时不会向后端发出请求。 为了达到这一目的，浏览器当前提供了以下两种支持： hash —— 即地址栏 URL 中的 # 符号 ...
分类：
其他好文 时间：
2018-11-29 12:25:02
阅读次数：
474
开发流程介绍 之前Django的学习过程当中已经把基本Django开发学完了，现在以Django 的博客项目完成一遍课程的回顾和总结。同时来一次完整开发的Django体验。 一个产品从研究到编码我们要经历以下的过程： 博客开发需求分析与建模 需求分析 本次项目完成的是一个博客的项目，博客主要目的是为 ...
分类：
其他好文 时间：
2018-10-22 20:14:24
阅读次数：
255
介绍： 这是一个用vuejs2.0和element搭建的后台管理界面。 相关技术： vuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。 element：基于vuejs2.0的ui组件库。 vue-router：一般单页面应用spa都要用到的前端路由。 vu ...
分类：
Web程序 时间：
2018-10-17 14:49:28
阅读次数：
721
最近好多伙伴说，我用vue做的项目本地是可以的，但部署到服务器遇到好多问题：资源找不到，直接访问index.html页面空白，刷新当前路由404。。。用react做的项目也同样遇到类似问题。现在我们一起讨论下单页面如何部署到服务器？ 由于前端路由缘故，单页面应用应该放到nginx或者apache、t ...
分类：
其他好文 时间：
2018-10-14 16:58:29
阅读次数：
195
1、vue-router 两种模式 （1）mode：hash，hash模式背后的原理是onhashchange事件,可以在window对象上监听这个事件。vue默认为hash模式 （2）mode：history 不怕前进，不怕后退，就怕刷新F5，如果后端没有准备的话，刷新是实实在在地去请求服务器的。 ...
分类：
其他好文 时间：
2018-09-20 16:19:27
阅读次数：
134
