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

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

This topic created in 686 days ago, the information mentioned may be changed or developed.

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

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

订单系统

免登录

查看内容

20 replies • 2024-12-21 23:47:02 +08:00

flytsuki

Dec 21, 2024

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

你这技术选型都不对啊

jiaoguan1688

Dec 21, 2024

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

buruliu

Dec 21, 2024

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

hsiangleev

Dec 21, 2024

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

facebook47

Dec 21, 2024 via Android

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

liaozzzzzz

Dec 21, 2024

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

dcsuibian

Dec 21, 2024

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

flytsuki

Dec 21, 2024

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

XuHuan1025

Dec 21, 2024

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

zgsf

Dec 21, 2024

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

xuxuxu123

Dec 21, 2024

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

magicode

Dec 21, 2024

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

venicid

Dec 21, 2024

直接上代码，在文件 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()
// }
}