有没有最佳实践的应用项目参考

[DataAlert-cn]

实现场景：

我需要做一个后端管理项目，但对前端技术掌握不多。

存在的问题：

基于amis做后端管理时，如何处理登录后token的本地存储，如果在发起请求时自动带上token，如果与其他非amis页面交互，如何搭建项目框架更合理等问题，有没有最佳实践的项目参考

当前方案：

参考amis admin项目，但amis admin项目只有展示类示例，没有功能类，对于前端经验较少的用户缺少功能类参考。 且在github和gitee等开源项目中，也没找到合适的基于amis的可参考实例项目。

[vexos-io]

可以加我Q: 112014396

[DataAlert-cn]

加好友提示输入真实姓名

UPKPI ----------回复的邮件信息---------- @.***> 于2022年7月4日(周一) 上午8:31写道:

可以加我Q: 112014396

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: @.***>

[pandaGames]

同问

[weiailuxueqi]

我也有同样的疑问，看能否自动带上token， 可从文档上并没有没找到解决方案，现在的处理方式，是将token提取出来成为一个全局变量（在json结构体外），然后结构体直接取该变量，再进行渲染。

求好心人告知如何通过sdk配置全局的token。。。小生感激不尽。。。

[gexMichael]

我个人是透过 localStorage 处理，在自定义的 login 页面于登入时取得并写入 token，并可以在所有的 amis 页面存取。 除了 token，我甚至连 permissions 都写入 localStorage 中。

[DataAlert-cn]

我现在是login页面将token存储在localStorage中。然后在amis.embed的requestAdaptor(api)中发起请求时，自动把token带到header中了。

requestAdaptor(api) { api.headers = api.headers || {}; api.headers["token"] = localStorage.getItem("token"); return api; }, 代码位置参考： https://aisuda.bce.baidu.com/amis/zh-CN/docs/start/getting-started#%E6%8E%A7%E5%88%B6-amis-%E7%9A%84%E8%A1%8C%E4%B8%BA

[kusila]

有没有实践项目开源地址

[888go]

还真的有, 可以去哔哩哔哩搜索一下. 有一个博主做了一个后台教程.

[888go]

用的是纯js做的. 没有什么vue react

[walingcc]

同问，有没有最佳实践的项目

[wwsheng009]

https://github.com/wwsheng009/yao-amis-admin

分享下自己使用amis sdk弄的一个后台，也是一步步的摸索出来，可以使用sdk作为vue的一个组件，跟后端集成可以自定义全局的fether或是自定义全局requestAdaptor。在登录成功后把token保存在浏览器里，在fether请求时再把token加上，还可以在fether里适配后端返回的格式。

https://github.com/wwsheng009/yao-amis-admin/blob/main/public/amis-admin/scripts/fetcher.js