部署 vue 项目到 Linux 服务器

2022-11-13
天津
本文字数：902 字
阅读完需：约 3 分钟

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

复制代码

     ![在这里插入图片描述](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e18a5a0e834b4c85a2dd7d7e41feb119~tplv-k3u1fbpfcp-zoom-1.image)

复制代码

编译运行 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

复制代码

![在这里插入图片描述](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/8bb4173991e3462996a12151c1116918~tplv-k3u1fbpfcp-zoom-1.image)

复制代码

方法二（tomcat）

参考连接：https://www.cnblogs.com/chniny/p/15614017.html

发布于: 刚刚阅读数: 3

原文链接:【http://xie.infoq.cn/article/b93439898eecea3a3413e4997】。文章转载请联系作者。

Studying_swz

关注

还未添加个人签名 2020-12-23 加入

还未添加个人简介

发布

暂无评论

创作场景

部署 vue 项目到 Linux 服务器

方法一（node.js 作为服务器）

方法二（tomcat）

Studying_swz

评论