vue admin 框架如何实现不需要登录就可以查看功能?

[jiaoguan1688]

想用 vue admin 做一个订单系统 想让客户直接打开页面就可以正常看到产品内容 需要购买下单的时候再让客户登录

等于说让 vue admin 实现免登录 就可以查看内容 如何实现它呢?

[flytsuki]

你这... 做 admin 系统一般都是登录了再生成路由,你要不换个框架 你这技术选型都不对啊

[jiaoguan1688]

@flytsuki 能不能默认给一个游客 token 呢
只是这个 admin 界面喜欢

[buruliu]

具体页面用静态路由，路由权限放开不就可以了吗。

[hsiangleev]

在 permission 路由拦截里面可以设置白名单吧

[facebook47]

这不是后台控制的吗？查看页不校验 token ，下单需要校验

[liaozzzzzz]

你登录页也不需要登录也能进啊， 一样的道理

[dcsuibian]

额，说实话，一时之间我没想到难点在哪里
要不你直接把你的二开的原项目地址发出来看看，然后大家教你怎么改，这样比较方便

[flytsuki]

@jiaoguan1688 #2 找到你的登录页面配置的地方看看是不是有个静态路由列表,或者白名单把游客页面放进去就行了

[XuHuan1025]

当然可以 只要下单前执行注销

[zgsf]

你可以建一个 guest 账号和密码，然后设置自动登录。

[xuxuxu123]

路由配置里面，有静态路由的，一般有 404 、login 页面为静态的，模仿 login 页面的路由配置写一个一样的，然后页面 page 文件自己定义好路径，就可以免登录访问

[magicode]

@zgsf 你这个方法确实最合理也最简单

[venicid]

直接上代码，在文件 src/permission.js ，模拟登录即可
暂时只有前端交互，具体得结合后端来

if (hasToken) {
xxxx
} else {

// 没有 token ，给一个默认用户
this.loginForm = {
username: 'admin',
password: '123456'
}
await this.$store.dispatch('user/login', this.loginForm)
next()
NProgress.done()

// if (whiteList.indexOf(to.path) !== -1) {
// // in the free login whitelist, go directly
// next()
// } else {
// // other pages that do not have permission to access are redirected to the login page.
// next(`/login?redirect=${to.path}`)
// NProgress.done()
// }
}

[journalistFromHK]

有点没看懂 在 admin 下单？免登录又是查看谁的数据的？

[deetincelle]

拦截器不要包含订单页的 url 即可~ 不过这是后端的活

[iv8d]

路由里控制一下页面权限

[PopRain]

我感觉 OP 就是想做个商城，不登录可以浏览商品，下单、查看订单要登录

[ezioswj]

那就跟 login 一样，把这些页面在路由守卫里面放行，提前定义好路由。

[simo]

简单点做个 guest 账号，加一个免密登录的入口，通过这个入口，直接自动登录。登录的具体逻辑，直接 copy 现有的登录代码