tips: 更多飞牛系统Nas使用姿势可移步我的刷机专栏,传送门
飞牛nas家庭服务器安装Lucky教程
飞牛nas主机,好久没更新文章了, 这次是因为,自己写的一个vue3+vite的管理后台项目,需要部署到自己的飞牛服务器上。但是不想使用docker容器部署的方式;
今天周日 不能干等着,白海豚台风的到来,想着闲来无事,输出一些技术文章,赚点流liang;
Lucky
lucky这个应用是干嘛用的,潦草几句我也说不明白,可以自行官网查看。
通过docker-compose 安装
1 | |
安装成功以后啊,访问:http://nas的ip:16666 如下图所示:

进入之后建议 在设置里面 更新账户密码;

接下来进入正题, 我要利用Lucky托管我的静态网站资源;
web服务
- 前提:
npm run build将admin后台打包成dist之后,上传到nas服务的文件目录下/web/neighbor_admin_pc/dist, 刚才容器启动的时候,已经将这个目录映射到 容器内部目录/www了
然后到lucky > web服务,新建一个 web服务规则;

这个主规则的默认规则:
服务类型:文件服务
文件服务挂在lucky本地的目录, 如下图


在lucky内部就是这个文件夹路径/www/neighbor_admin_pc/dist/
这样的话 ,就可以通过http://Nas的ip:16666访问我的静态管理网站了;
关于history路由模式
SPA(单页面)的后台网站 刚开始使用的路由模式是history模式,404需要重定向到index.html;
但是lucky 无法处理这种情况(还的是nginx的try_file更胜一筹);索性直接路由打包成hash模式的了;
关于 前端proxy 代理到后端服务;
由于这个管理后台 是前后端分离的模式,后端服务早就放在云服务器上了;(为啥这个后台不放在云,因为只我一个人用,暂时不考虑放在云端);
所以后台现在可以通过nas的ip访问了,但是相关接口还都是404的状态。
需要给这个web服务添加一条子规则,用于反向代理后端,如下图

管理后台的/api开头的接口 全部指向后端服务地址,这样的话,前端接口就能通了,不会报错404了;
至此,Lucky的实操先到这里,后续有其他应用的地方,在分享给大家更多教程;