ferry前端项目部署

发布时间 2023-12-12 17:44:13作者: 一只小蚂蚁丶

ferry项目地址:https://gitee.com/yllan (ferry为后端代码,ferry_web为前端代码)直接copy前端代码

文中ferry为后端代码,ferry_web为前端代码

一.安装依赖

我用npm安装会报错,具体原因没去分析,大概就是npm版本的问题,我的版本是npm@6.14.14;

然后用cnpm安装,一次成功,版本为cnpm@7.0.0

二.部署

在本地修改前端代码后,运行npm run build:prod,打包后的文件为web;

部署方式1:直接替换

需要把前端build之后的文件改为后端需要的的格式(参考ferry/static/web),然后直接替换;其次ferry下还有一个template文件,ferry/template/web这个路径下的index.html也要替换为前端打包后的index.html;

 

报错:Cannot set properties of undefined (setting ‘render‘)

参考:https://blog.csdn.net/weixin_43671972/article/details/134392242

解决办法:把ferry_web里App.vue的script合为一个(如在线上没有这个问题则不需要改,因为我在App.vue里加了代码,所以也不清楚是我加代码的原因才导致它需要合为一个,还是它本身在前端打包后就有这个问题;)

 

部署方式2:前后端分离(后端代码在一个地,前端代码在一个地)

目前还没这么分,后面如果需要分开,再把这块补上吧