tp6+vue-elementui-admin实现前后端权限分离框架

大恒大

已于 2023-03-25 23:12:54 修改

阅读量2.1k

点赞数 1

分类专栏： VUE 前端文章标签： elementui vue.js 前端

于 2022-08-18 18:47:39 首次发布

本文链接：https://blog.csdn.net/kindmb/article/details/126411813

版权

前端同时被 2 个专栏收录

32 篇文章 3 订阅

订阅专栏

VUE

6 篇文章 0 订阅

订阅专栏

这次用的是hardphp/tp6-vue-admin

有时候不正常，直接下载

服务端：

git clone https://github.com/hardphp/tp6-vue-admin.git
composer install

安装redis，PHP中开启redis
https://blog.csdn.net/xzzhfei/article/details/120064022
或是在宝塔面板中为PHP添加redis扩展
建库，导入tp666.sql
配置config/database.php，写入正确的库名、用户和密码以及表格前缀 “tp_"，否则出10501错误
php think run，或建立站点运行
后台帐号是admini 123456
如果部署到宝塔面板，还要设置一下运行目录为public

前端：

node.js版本要用14，16是不行的，与sass loader有冲突

npm install
或
yarn install(尽量用这个）

开发模式：

配置vue.config.js，
proxy配置为tp地址，如http://127.0.0.1:8000 或 http://xxx.com

proxy: {      
      [process.env.VUE_APP_BASE_API]: {
        target: `http://xxxx.cn`,
        changeOrigin: true,
        pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API]: ''
        }
      }

.env.development中的VUE_APP_BASE_API 设置空

npm run serve

生产模式：

.env.production 正式环境编译时配置接口地址如http://127.0.0.1:8000/index.php
如果静态动态分离，可能要进行反向代理，没再深究
可以把动静合一为一个网站，把前端build以后，把编译后的backend目录复制到tp/public/中，访问/backend即可，.env.production 中的VUE_APP_BASE_API = ''即可