linux下配置vue项目到服务器上

【前端部署】多个vue项目部署到Linux服务器 利用nginx将两个vue项目打包部署到服务器上,之前已在服务器上部署过单个项目, 此次在单个项目部署的基础上进行修改,并将两个项目布置在同一端口下。 阅读详情

首先vue项目需要执行
cnpm run build执行完之后会生成一个dist文件夹。
打开终端到你的dist文件夹的上一级执行linux的打包命令:
tar cjf dist.tar.bz2 dist这一步就打包完成了然后就是把打包好的文件传输到服务器上:
scp dist.tar.bz2 duke@bos:/home/duke/这个就是把打包好的文件传输到服务器上。

下面切换到服务器上首先要使用linux登陆服务器:
然后自己之前的项目是放在var/www下的通过
sudo rm -rf dist*删除之前的项目并且通过:
sudo cp -R /home/duke/dist.tar.bz2 /var/www/把发送到服务器上的文件夹给复制过来
拷贝过来之后进行解压:
sudo tar xf dist.tar.bz2解压完成之后会得到dist的文件夹列表。
sudo chown -R nginx:nginx dist这个就是配置nginx服务器会报错继续往下走
cat /etc/passwd,
sudo chown -R www-data:www-data dist,
sudo /etc/init.d/nginx restart,
最后出现:
[ ok ] Restarting nginx (via systemctl): nginx.service.就说明配置成功了,然后打开网站输入网址就可以看到了。

快速了解Spyder 一 面板介绍菜单栏:放置所有功能工具栏:放置快捷菜单,可以通过菜单栏中的View的Toolbars的复选框来勾选工作区:写代码的地方属性页的标题栏:可以显示当前代码的名字和位置查看栏:查看文件、调试时的对象及变量输出栏:查看程序的输出信息,也可以作为shell终端来输入Python语句状态栏:用来显示当前文件权限、编码,光标指向位置和系统内存二 注释功能注释功能为编写代码很常用功能,下面介绍Spy... 阅读详情

相关推荐

在thinkBook16的win11基础上安装ubuntu22.04

背景:联想ThinkBook16 pro 32G/512G,系统盘已安装Win11,加装一条M.2-2T固态,想在2T上分一个300GB的EXT4分区,然后把ubuntu22.04安装在该分区上,并实现Win11+Linux多系统共存。 目标:实现多磁盘下分区管理的简化,优化掉一些不必要的多余的维护性质的分区。

QzmAIoT 4001

linux 运行vue项目

2:复制dist 到linux 上 /usr/vuespace/ledger-web/dist。1:在本地电脑 项目跟目录 执行。在根目录生成文件夹 dist。3: 配置nginx。

qq_36577291的博客 1478

【Linux】U盘配置Ubuntu系统 ——(Win10+Ubuntu20.04)双系统安装教程

Ubuntu系统安装

WS_Change的博客 4327

Linux服务器 | 11.Vue项目部署到linux服务器

文章目录1.编译打包2.准备部署2.1.跟随SpringBoot项目一同部署2.2.在nginx上部署2.2.1.安装nginx2.2.2.修改配置文件2.2.3.将项目移动到root对应的文件夹2.2.4.启动/重启nginx以开启项目2.2.5.服务器配置安全组(防火墙)2.2.6.访问 1.编译打包 代码编写完毕后,在终端输入 vue ui 随后就会在项目中生成dist文件夹 有的项目经过一些配置后,结构有所不同,但没有影响。 2.准备部署 将dist文件夹中的所有内容(不包括dist文件夹)

xyx-Eshang的博客 4834

【TCGA-CRC】TCGA数据读取

本文介绍了如何从TCGA数据库中处理结肠癌(COAD)和直肠癌(READ)的RNA测序数据。首先,通过data.table::fread函数读取基因表达量文件,并检查基因ID和基因名称的一致性。接着,批量读取所有样本的TPM(Transcripts Per Million)数据,并将其合并为表达矩阵。随后,通过匹配样本ID和文件名,确保表达矩阵的列名与样本ID一致。最后,筛选出编码蛋白质的基因,并将处理后的数据保存为Rdata文件。整个过程涉及数据读取、合并、匹配和筛选,为后续的基因表达分析提供了基础。

小八四爱吃甜食的博客 662

绕线机的制作与研究

本文详细阐述了绕线机的制作过程,涵盖从设计规划到实际制作的各个环节。通过对绕线机工作原理的深入分析,确定了关键技术参数,并依此完成机械结构与控制系统的设计。在制作阶段,运用多种加工工艺完成零件制造与设备组装。经测试,自制绕线机性能达到预期,能够满足特定线圈绕制需求,为相关领域的生产实践与技术研究提供了参考。

道亦无名 1436

linux 发布vue 项目_关于部署VUE项目--linux篇

前段时间,因为买的服务器是window的,然后写了关于window的部署详细过程。然后当时也部署了Linux的,但是,但是,不过一周吧,我又忘记了一些。所以我觉得还是写文档记录一下,操作过程。1、首先,准备好两个工具,xshell、filezilla第一个工具是为了连接Linux,第二个工具是为了比较方便的上传文件到Linux。2、使用xshell连接的时候。填上对应的地址就行。然后接下来就是点确...

weixin_34952628的博客 1027

MuJoCo柔性体仿真实战:从FlexComp建模到自定义模型导入

柔性体仿真是机器人交互研究中不可或缺的一环,MuJoCo作为高精度物理求解器,凭借高效的求解速度与批量并行能力,成为强化学习与软体抓取任务的热门选择。其FlexComp机制将连续材料离散为粒子-约束系统,以较低建模成本模拟布料、软组织等形变行为,相比Gazebo等平台更具实时性与可扩展性。技术价值体现在自定义柔性体建模与导入流程中:通过XML配置网格密度、间距与材料参数,即可生成贴合任务需求的软体垫子或硅胶抓手。在柔性抓取、颗粒抓手、医疗仿真等场景中,该方法能快速构建可训练的环境。围绕环境搭建、FlexCo

weixin_29045585的博客 156

如何在Linux服务器上部署Vue项目

在Linux上部署vue项目

weixin_44747173的博客 1万+

9篇1章1节:中国居民健康与营养调查(CHNS)数据库的官网解析和数据下载(2026年版)

在探讨中国社会经济转型与人口健康变迁的学术领域中,中国健康与营养调查(CHNS) 是一个无法绕过的权威数据库。本文将带你深入了解CHNS的项目背景、庞大的数据体系,以及如何通过这两个核心网站获取关键的家庭、个人及社区层面的研究数据。

MD Code 1690

飞牛fnNAS虚拟机开启OVS导致失联的解决

摘要:用户在使用飞牛NAS时发现开启OVS网络功能后导致NAS失联。通过多种尝试(包括开关OVS、更换系统版本、手工配置、更换网卡、处理器检查等)后发现,OVS启用状态下DHCP无法获取IP地址,手动设置IP可暂时恢复网络。但重启后问题依旧,初步判断为OVS功能存在bug。目前临时解决方案是在需要时手动开关OVS,或考虑其他虚拟化方案。用户计划后续探索替代方案,并等待官方修复该问题。

dgnankai的专栏 4331

linux部署vue项目

linux部署vue项目

又偷懒了的博客 7694

UEFI 基础教程 (零) - 目录

UEFI 基础教程 (十八) — UEFI Build Process简单分析。UEFI 基础教程 (十五) — 获取UEFI MemoryMap。UEFI 基础教程 (六)   —  PROTOCOL 简单使用。UEFI 基础教程 (十)   —  FileIO 简单使用。UEFI 基础教程 (一)   —  搭建UEFI开发环境。UEFI 基础教程 (九)   —  EVENT 简单使用。UEFI 基础教程 (七)   —  HOB 简单使用。UEFI 基础教程 (八)   —  PCD 简单使用。..

技术联盟 1534

linux服务器安装nginx 配置与部署vue前端项目

nginx简介:Nginx是⼀款⾼性能的 HTTP 和反向代理服务器 编译安装: 安装gcc编译环境: yum install -y gcc-c++ 安装zlib-devel库: yum install -y zlib-devel 安装OpenSSL密码库: yum install -y openssl openssl-devel 安装pcre正则表达式库: yum install -y ...

yh8899abc的博客 2113

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

SIMATIC S7-1200, S7-1500 PID 控制[手册]

SIMATIC S7-1200, S7-1500 PID 控制[手册]

项目上线的一些基础问题:Vue服务器部署,Nginx配置,linux命令,跨域问题……

今天有前端的代码需要部署到服务器上,自己实在是太菜了,中间遇到许多问题,不过最终暂时成功,有点乱,这里做个小结。 本文将以遇到问题,及如何解决的形式展开,仅为个人浅薄理解。 项目采用烂小街的前后端分离Vue+Springboot 1.什么是前端部署? 笔者对前端的理解不深,甚至可以说完全不懂前端。项目团队中前端的同学把编译好的vue代码给我时,我开始觉得很简单——不就是把代码塞...

Levi_Tang的博客 594

霍尼韦尔SoftMaster使用说明

霍尼韦尔SoftMaster使用说明

把项目部署到Linux系统上(如何在阿里云服务器上安装和配置SpringBoot+vue全栈开发环境)

改’/prod-api’为指定服务器的ip(例如生产服务器,开发服务器),作为网络请求头部的baseurl。我们直接执行生产环境就好了,执行时会读取.env.productio这个文件。xshell连接云服务器和上一个工具差不多就不说了。打开finalshell连接Linux·服务器·出现这个就连接成功了,然后点击鼠标位置进入服务器。还有一种就是有多个环境,例如开放,测试,生产。从左边本地文件管理器中拖到右边的云服务器上。点击左上角文件形状的按钮,选择ssh连接。到这,服务器就配置完成了。

m0_65732083的博客 1110

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

通过nginx配置 将vue项目运行到阿里云linux服务器上

如果都顺利 你就可以尝试通过 服务器的公网地址访问了 因为我们用的是80端口 直接访问公网地址就行了 当然 你也可以 公网地址/80 一样的。应该会输出 nginx: the configuration file /etc/nginx/nginx.conf syntax is ok。将 nginx.conf 放到项目目录下 或者你找到 nginx.conf 的所在目录。然后 我们需要一个 nginx的配置文件 nginx.conf 编写内容如下。

weixin_45966674的博客 747

Linux 部署vue项目(使用nginx)

文章目录1.将打包后的文件夹放到服务器2.修改Nginx的conf文件3.使配置生效 1.将打包后的文件夹放到服务器 2.修改Nginx的conf文件 忘记nginx安装目录的使用 ps -ef | grep nginx查看。yum安装的默认在/etc/nginx/nginx.conf vi /usr/local/nginx/conf/nginx.conf # 修改如下 # 新建一个服务 server { # 声明监听的端口 listen 80; # 如有多域名映射到同一端口的,可以用ser

胡萝卜的博客 7119

前后端分离的Vue+SpringBoot项目在Linux服务器上的部署

在Linux服务器上需要提前安装好Nginx,jdk,mysql数据库(关于Linux安装的环境的教程网上有很多,大家可以去查看,这里就不细说了),安装的时候注意版本问题,当初,一个SpringBoot项目在本地运行没有问题,部署到服务器上,运行报错,查阅资料才知道服务器自带的jdk版本是1.7,而我本地用的jdk版本是1.8.

weixin_45032622的博客 2098

linux之J2EE项目部署与发布(1)

*** 对后台请求的地址的封装,URL格式如下:* 模块名_实体名_操作*/

2401_83946044的博客 1085

vue项目打包部署linux_Vue项目部署到Linux服务器

首先需要拥有一台服务器,我用的是阿里云的CentOS。下面就让我们开始吧!1、部署服务器一、配置阿里云端口进入阿里云控制台,安全组 -> 配置规则进入配置端口,开放了对应的端口,服务器才能访问。二、安装Xshell和,XftpXshell用来连接服务器,Xftp用来上传或者删除文件,十分的方便。下面给出下载地址:https://www.netsarang.com/zh/xshell/1、用X...

weixin_39596739的博客 3571

nginx 部署前端vue项目

Nginx是一款轻量级的HTTP服务器,采用事件驱动的异步非阻塞处理方式框架,这让其具有极好的IO性能,时常用于服务端的反向代理和负载均衡。优点支持海量高并发:采用IO多路复用epoll。官方测试Nginx能够支持5万并发链接,实际生产环境中可以支撑2-4万并发连接数。内存消耗少可商业化配置文件简单 除了这些优点还有很多,比如反向代理功能,灰度发布,负载均衡功能等。

我哎GIS博客 3万+

vue 项目部署到阿里云服务器

这篇博客是源于朱敏的信息可视化这门课,我和胡负责前端,应老师要求需要将前端部署到云服务器上。于是有了这篇的记录过程。 一、 win10 安装ssh服务器 Win10怎么安装ssh服务器 cmd --> ssh 二、win安装nginx服务器 Nginx Windows详细安装部署教程 安装在D:/TOOLS/下面。 测试:浏览器输入http:/localhost/8800 出现上面这个欢迎页,说明部署成功! 三、使用npm run build命令编译项目,自动生成一个dist..

qq_41121879的博客 1964

vue项目打包部署linux_vue项目打包部署nginx(linux)

材料:1、VUE项目(本地已测)2、nginx(linux版)3、浏览器过程:1、编译VUE项目在项目根目录下,执行npm run build,生成dist文件夹复制dist中的static、index.html到服务器相应位置(自定义)本文为:/home/xxx/vue_demo2、nginx下载安装过程:登陆nginx.org网站,点击右侧download,下载开源稳定版本的nginx,本人下...

weixin_39586526的博客 621

vue项目部署到服务器上

文章目录如何将已经写好的vue项目部署到服务器上1.首先你得有一台安装了linux系统的服务器或者虚拟机2.使用Xshell 连接虚拟机或者服务器上的系统(非必要)3.在自己的电脑上下载filezilla4.在CentOS 7 上安装Nginx4.1.安装编译器以及依赖的库文件4.2.下载nginx并解压4.3.安装nginx4.4.启动、停止、重启nginx5.配置nginx5.1.创建网站根目录5.2.传输文件5.3.配置nginx文件5.3.1.用vim打开nginx.conf(nginx的配置文件)

WCvison的博客 6812
上一篇: vue使用element-ui的el-input监听不了键盘事件解决问题
下一篇: 通过linux登陆服务器
new Object ~
博客等级 码龄9年 53粉丝 66原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值