ferry项目地址:https://gitee.com/yllan (ferry为后端代码,ferry_web为前端代码)直接copy前端代码
文中ferry为后端代码,ferry_web为前端代码
一.安装依赖
我用npm安装会报错,具体原因没去分析,大概就是npm版本的问题,我的版本是[email protected];
然后用cnpm安装,一次成功,版本为[email protected]
二.部署
在本地修改前端代码后,运行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:前后端分离(后端代码在一个地,前端代码在一个地)
目前还没这么分,后面如果需要分开,再把这块补上吧
标签:npm,web,部署,前端,ferry,代码 From: https://www.cnblogs.com/feng-1212/p/17897428.html