部署vue项目到Linux服务器

简介: 部署vue项目到Linux服务器

vue-cli构建vue3项目,将项目上传到Linux服务器,服务器安装node,并启动vue项目

方法一(node.js作为服务器)

  • 将本地可以运行的项目进行全部打包,上传到服务器
  • linux服务器安装node.js


下载node压缩包,在哪条路径下执行该命令,就会下载到哪条路径下:

wget https://npm.taobao.org/mirrors/node/v12.16.1/node-v12.16.1-linux-x64.tar.gz


将压缩包剪切到/usr/local/bin/路径下,并解压 :

cp ./node-v12.16.1-linux-x64.tar.gz  /usr/local/bin
 tar -xvf node-v12.16.1-linux-x64.tar.gz


修改文件夹名称为NodeJs :

mv node-v12.16.1-linux-x64 NodeJs


安装gcc

yum install gcc gcc-c++


在/usr/local/bin/NodeJs/bin路径下有三个文件:node npm npx


为这三个文件设置软连接,/usr/bin目录用于存放系统命令,此时在任意路径下执行:node 相当于是执行/usr/local/bin/NodeJs/bin/node路径下的文件,执行node后会进入node环境

  ln -s /usr/local/bin/NodeJs/bin/node /usr/bin/node         
  ln -s /usr/local/bin/NodeJs/bin/npm /usr/bin/npm          
  ln -s /usr/local/bin/NodeJs/bin/npx /usr/bin/npx  

进入根目录

cd


验证

node


69.png


编译运行vue项目

  • 进入vue项目的根目录
cd /home/swz/vueblog_vue


安装依赖

npm install


编译打包

npm run build

后台启动项目

nohup npm run serve >blog.txt & exit


问题1:其中nohup后台运行的时候,当关闭xshell时,后台程序自动关闭?

  • 需要配置nohup环境变量
1,查询nohup位置:
which nohup
2,修改环境变量,如下图,添加/usr/bin
vi ~/.bash_profile
3.刷新
source ~/.bash_profile

70.png71.png


方法二(tomcat)

目录
相关文章
|
1天前
|
Linux 网络安全
linux/服务器使用scp将一个服务器文件转移到另一个服务器上
linux/服务器使用scp将一个服务器文件转移到另一个服务器上
27 3
|
2天前
|
监控 JavaScript 网络协议
Linux系统之安装uptime-kuma服务器监控面板
【5月更文挑战第12天】Linux系统之安装uptime-kuma服务器监控面板
13 0
|
2天前
|
Web App开发 编解码 JavaScript
【Vue篇】Vue 项目下载、介绍(详细版)
【Vue篇】Vue 项目下载、介绍(详细版)
10 3
|
2天前
|
消息中间件 安全 Linux
服务器(Linux)在线下载activeMQ以及配置打开
服务器(Linux)在线下载activeMQ以及配置打开
11 3
|
2天前
|
Java Linux
Linux(服务器) 装JDK
Linux(服务器) 装JDK
17 1
|
2天前
|
监控 安全 Cloud Native
【云原生之Docker实战】使用Docker部署Ward服务器监控工具
【5月更文挑战第11天】使用Docker部署Ward服务器监控工具
18 3
|
2天前
|
关系型数据库 MySQL Linux
服务器Linux系统配置mysql数据库主从自动备份
这是一个基本的配置主从复制和设置自动备份的指南。具体的配置细节和命令可能因您的环境和需求而有所不同,因此建议在操作前详细阅读MySQL文档和相关资源,并谨慎操作以避免数据丢失或不一致。
15 3
|
2天前
|
JavaScript
VUE里的find与filter使用与区别
VUE里的find与filter使用与区别
27 0
|
2天前
|
JavaScript
vue页面加载时同时请求两个接口
vue页面加载时同时请求两个接口
|
2天前
|
JavaScript
vue里样式不起作用的方法,可以通过deep穿透的方式
vue里样式不起作用的方法,可以通过deep穿透的方式
14 0