首页 > 其他分享 >ferry前端项目部署

ferry前端项目部署

时间:2023-12-12 17:44:06浏览次数:32  
标签:npm web 部署 前端 ferry 代码

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

相关文章

  • 2023年的PHP项目部署笔记。什么?还有人用PHP?
    前言这是我第一次用PHP的包管理工具composer一开始用docker进行部署,但一直出问题,最后还是选择直接在服务器上安装php-fpm搭配nginx的方案了。PS:docker方式真的搞得心好累,现在回想起来还心有余悸......
  • 免费scrum敏捷管理工具Leangoo领歌私有部署新增第三方身份认证和API对接
    ​为了不断提升我们的产品质量和服务水平,Leangoo持续不断地关注并响应客户的需求。最近,我们完成了一轮新的功能优化和升级!让我们一起来看看吧~Leangoo私有部署支持第三方身份认证对接Leangoo提供两种方式进行身份认证对接a.商户自行提供OAuth服务如果您作为商户希望自行......
  • Docker部署Nginx Proxy Manager
    更新环境aptupdate-y&&aptinstall-ycurlsocatwgetsudoBBRPLUS四合一脚本wget-N--no-check-certificate"https://raw.githubusercontent.com/chiakge/Linux-NetSpeed/master/tcp.sh"&&chmod+xtcp.sh&&./tcp.sh安装Dockerc......
  • shell脚本模板-从git拉取代码并打包部署
    source/etc/profile.~/.bash_profile#拉取能耗后端代码cd/usr/local/testmvncleanecho-e"从git华为云拉取后端代码"#首次clonegitpulltest.gitecho-e"从git华为云代码拉取完成"#工程打包echo-e"开始打jar包"mvnpackage-Dmaven.test.skip=true#删除原来的jar包rm......
  • 独立部署蜂洞跨境电商独立站操作步骤
    以下流程适用蜂洞系统独立站生产环境安装,所需资源较小,1核1G内存服务器即可满足使用。如果你要在docker或者k8s中安装使用,请参考docker安装流程说明,如果你要在windows下体验使用,请参考windows安装使用流程。蜂洞AI电子商务系统使用条件(如果你没有安装以下组件,请参考:《基础组件安装教......
  • 什么是前端 Web 应用响应式页面布局里的 Breakpoint 概念
    在Web前端开发中,响应式设计是一个非常重要的概念,它允许网页UI根据不同的设备屏幕大小进行适当的调整以优化用户体验。在这种设计中,breakpoint是一个关键的概念。我们可以把breakpoint理解为屏幕宽度的一种临界点,当屏幕宽度达到这个点时,我们会调整页面布局以适应这个新的屏幕......
  • Docker部署yt-dlp
    一、简介一个简单的网站视频下载工具二、安装yt-dlp绿联DX4600为例,首先我们打开Docker管理器,进入镜像管理,然后在镜像仓库中搜索marcobaobao/yt-dlp-webui​,选择latest​版本并下载。​​下载完成后,我们在本地镜像中找到刚刚下载的镜像,点击创建容器,起一个英文名,勾选创......
  • windowserver2012服务器部署.net core3.1环境
    一、安装.netcore3.1要先具备这些系统补丁,如果没有则需要安装,这些KB必须按以下顺序安装:(clearcompressionflag.exe、KB2919442、KB2919355、KB2932046、KB2959977、KB2937592、KB2938439、KB2934018)安装过程中需要多次重启生效。最后安装vc_redist.x64.exe)二、.netcore3.......
  • Linux Redhat 7 下 Docker 离线安装部署
    LinuxRedhat7 下Docker离线安装部署 Docker安装前要Docker官网:服务器版:https://docs.docker.com/engine/install/#serverDocker离线二进制tgz压缩包下载地址:https://download.docker.com/linux/static/stable/x86_64/例如:docker-23.0.6.tgzDocker离线rpm包下载地......
  • docker部署PostgreSQL数据库(带有postgis插件)
    1、拉PostgreSQL(带有postgis插件)镜像dockerpullmdillon/postgis2、启动数据库容器dockerrun--namepostgis-ePOSTGRES_PASSWORD=postgis-p5432:5432-dmdillon/postgis:latest参数解释:--namepostgis为容器指定一个名称;-p5432:5432:指定端口映射,格式为:......