Vue Router 应该如何实现限制用户登陆的功能?

在 Vue Router 中,并没有一个所谓的默认首页的功能,所以我一直都很好奇,应该如何实现这样的功能?如果没有这样的功能,又如何实现一个项目的默认显示页面呢? 今天,终于有了答案。 这样的功能不是内置的,不过你可以通过 router.beforeEach来实现这个功能。 具体的思路是,在跳转前,对目标路由进行检测,如果目标路由的 meta 信息中写明了需要进行鉴权,就跳转到默认的登陆页面。这样,就可以实现默认显示登陆页面的功能。 具体可以参考的代码 /// 省略引用的代码 let router = new Router({ mode:”history”, base:base, routes: [ { path: ‘/login’, name: ‘login’, component: Login, meta:…

Vue Router 中的默认路由如何定义?

在使用 Vue 开发后台的时候,有些时候我们需要一个默认路由。 比如说,用户登陆以后,会看到一个界面,此时这个界面就需要一个默认路由。因为这个界面一般会放置一个 route-view,如果没有默认路由,就会导致首页的内容是空白的。因此,放置一个默认路由来显示内容即可。 想要实现也很简单,在对应的路由中添加 children 项目,并设置其 path 为 “” 这样,就会将这个路由设置为默认路由。比如,这个样子: let router = new Router({ routes: [ { path: “/dashboard”, component: home, children: [ { path:””, component: analytics,…

PHP 元编程初体验

https://github.com/bestony/zhuji/commit/c02370b227f32e2e883828d75b4f1e3fec8595ff 在这个 Commit 中,我使用了 PHP 元编程的方法来简化自己的 SDK 开发。112 行代码就完成了 珠玑的所有代码,爽!…

给博客加了个 Last Modified Info

效果大概是这样的 之所以给自己加上一个这个,是因为我时不时的会回来修订我的文章,而 WP 本身并不带这些的展示,这会有个麻烦,我其实并不知道我什么时候修订的文章,读者更不知道。这就会有大量的信息缺失。 我只能自己手写 append ,很麻烦,因此,便去找了个插件来实现我想要的功能。 不过,目前的功能并不是我最终希望的形态,就这个事情而言,我更期待的其实是类似于 Wiki 的 editor comment 后面如果找不到合适的插件,我应该会自己做一个插件来实现类似的功能吧。 append Wiki 的 Editor Comment 应该叫 Signatures。…

text

为 wxa.js 构建的小程序移除 scss 依赖

…scss 的标示,从而使我们的代码可以被正确的渲染工具所渲染。具体修改如下所示,右侧为修改后的结果 移除 package.json 中的 相关依赖。 当我们完成了上述的操作之后,就可以放心的移除系统中关于 sass 的依赖了,从而减少整个项目的体积和对 node-sass 的依赖。 你只需要执行如下的命令,就可以移除项目中关于 sass 的依赖了。 npm uninstall @wxa/compiler-sass // 或者 yarn remove @wxa/compiler-sass Code language: JavaScript (javascript) 总结 scss是一个好的语言,但 node-sass 却不是一个好的工具,如果你不使用它,不妨将其移除,提升你的项目构建速度。…

6e6105f2289088e26d4c862e51620646

使用 Laravel Envoy 进行项目部署

…Laravel Envoy Envoy 有多种使用方式,一种是跟随项目的使用方式,即使用 composer require laravel/envoy –dev 来安装,并使用 php vendor/bin/envoy 的方式来运作,这样的好处是你无需污染顶级目录,只在项目层面使用 Envoy 来进行部署。 不过我因为有很多项目,所以我会更加倾向于直接在全局安装 envoy,执行 composer global requre laravel/envoy 实现在全局安装 Enovy。全局安装完成后,当你需要执行命令,只需要执行 envoy run deploy,就能执行当前目录下所定义的命令。 除了全局安装,你也可以考虑使用 Bash alias 来实现类似的效果,将 envoy…

9a1f326b911de6c1629837f3b57551e5

自定义 Excalidraw 的字体大小

…|| DEFAULT_FONT_SIZE, )} onChange={(value) => updateData(value)} /> </fieldset> ), }); Code language: PHP (php) 修改默认字体大小 默认字体的大小被定义在 src/constants.ts,你可以修改其中的 DEFAULT_FONT_SIZE 来实现控制默认情况下的字体大小。 export const DEFAULT_FONT_SIZE = 28; Code language: JavaScript (javascript) 参考代码:https://github.com/bestony/excalidraw/commit/78d2d103b40c48bdccbecd7deb85f1fd0d6b4d2f https://github.com/bestony/excalidraw/commit/14bca18aa6395280cfda15202beaf56dc966a401…

text

为你的服务器配上自定义的登录界面

…02110-1301 USA. printf “\n” printf ” * Documentation: https://help.ubuntu.com\n” printf ” * Management: https://landscape.canonical.com\n” printf ” * Support: https://ubuntu.com/advantage\n” Code language: PHP (php) 而我们自己如果想要控制,可以自己写一个文件,比如叫 01-custom ,在其中加入如下代码(这段代码可以生成一段黑底红字的输出,用于提醒我自己这是生产环境服务器),并执行 chmod +x /etc/update-motd.d/01-custom 来设置可执行权限。…