一个人前后分离的简单尝试

后台框架

社区大佬整理的 github.com/guaosi/Laravel_api_init

前端方案 vue-element-admin

vue panjiachen.gitee.io/vue-element-ad...

  1. 几张简单成品图

一个人前后分离的简单尝试

一个人前后分离的简单尝试

一个人前后分离的简单尝试

  1. 过程的坑
    1.怎么设置vue代理(解决开发时候的跨域问题)
    2.怎么开启前后联调(vue-element-admin里面是mock调试的)
    3.请求拦截器,返回请求拦截器设置(主要和接口返回的统一参数一致,配置token的无痛刷新)
    4.vuex的使用(token,导航栏,tagviews的存储)
    5.权限的动态配置,如何控制页面上按钮的权限(隐藏或者不能点击)(vue-element-admin方案中是固定的,需要自己修改)
    6.饿了么ui的坑
    7.keep-alive和activated的配合使用
    8.打包配置(因为我想把前端的打包后的文件dist放在laravel的public下,最后在web.php下输出dist。这样就不需要Nginx代理了。)
  2. 结尾
    第一次一个人尝试,很简单,也很困难,希望大佬不要在意。
  3. 下载地址
    码云
本作品采用《CC 协议》,转载必须注明作者和本文链接
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
讨论数量: 8

跨越写错了吧?应该是跨域吧

4年前 评论
全场我最姜姜姜丶 (楼主) 4年前

放在 public 感觉不太好,这样就少了一点点前后端分离。
Nginx 还可以配置一些规则,过期时间什么的,也可以加上 http2,br 压缩,goole pagespeed,还是不错的。

4年前 评论
全场我最姜姜姜丶 (楼主) 4年前
Epona

一个人就不要折腾前后端分离了😂,太难受了。

4年前 评论
全场我最姜姜姜丶 (楼主) 4年前
Epona

当然,想熟悉这种工作流的还是可以尝试的。

4年前 评论

像我这种野生码农,只干外包和小项目,是不是永远不用碰前后端分离了?年龄大了,学不动了。

4年前 评论
全场我最姜姜姜丶 (楼主) 4年前

代码链接没看到呀

4年前 评论
全场我最姜姜姜丶 (楼主) 4年前
drom (作者) 4年前

是我喜欢的风格样式,希望开源出来我也搞搞。

4年前 评论
全场我最姜姜姜丶 (楼主) 4年前

正好最近再找一个好用的后台 很不错 楼主继续加油

4年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!