阿里云的Linux服务器下部署Vue项目

    科技2026-09-03  2

    文章目录

    Step1: macOS系统下登录Linux OSStep2: Linux 服务器下安装npm和nodeStep3: 部署Vue项目

    Step1: macOS系统下登录Linux OS

    macOS的终端通过ssh远程连接Linux服务器:

    首先,进入root

    sudo -i

    显示 password:直接在password后面输入开机密码回车,输入时,密码不可见

    接着输入

    ssh root@+ip

    这时显示 root@+ip’s password:直接在password后面输入密码回车,同样,输入时,密码不可见

    这时已经切换到linux服务器上了,然后就可以进行下一步。

    Step2: Linux 服务器下安装npm和node

    运行以下命令

    $ cd /usr/local $ mkdir node $ cd node $ wget https://npm.taobao.org/mirrors/node/v14.3.1/node-v14.3.1-linux-x64.tar.gz

    解压.tar.gz

    $ tar -zxvf node-v14.3.1-linux-x64.tar.gz $ pwd $ ls

    创建软链接,使node和npm命令全局有效。

    $ ln -s /usr/local/node/node-v14.13.1-linux-x64/bin/npm /usr/local/bin/npm $ ln -s /usr/local/node/node-v14.13.1-linux-x64/bin/node /usr/local/bin/node

    到这一步,npm和node配置完成,删除已经下载的.tar.gz文件

    Step3: 部署Vue项目

    mac向linux远程服务端上传文件: 打开Terminal,输入命令

    scp -r 本地文件地址 root@服务端ip: 服务端路径

    然后输入服务器密码 就有上传进度了

    (如果Vue项目中存在node_modules目录,应先删除掉,然后重新在服务器端部署)

    上传完成后,在服务器端打开项目所在文件夹 运行npm install,重新创建项目所需的依赖包

    如果npm install速度过慢,可以下载淘宝镜像 用 get命令查看registry npm congfig get registry 原版结果为 http://registry.npmjs.org 用set命令换成淘宝镜像 npm config set registry https://registry.npm.taobao.org 再执行命令 npm install

    创建完成后,在项目文件夹下执行命令

    npm run serve

    到这里,Vue就已经成功的部署到Linux服务器上咯!

    Processed: 0.024, SQL: 9