@TOC

vue-cli构建vue3项目,将项目上传到Linux服务器,服务器安装node,并启动vue项目 方法一(node.js作为服务器)

  • 将本地可以运行的项目进行全部打包,上传到服务器
  • linux服务器安装node.js
  • 下载node压缩包,在哪条路径下执行该命令,就会下载到哪条路径下: ```javascript wget https://npm.taobao.org/mirrors/node/v12.16.1/node-v12.16.1-linux-x64.tar.gz ```
  • 将压缩包剪切到/usr/local/bin/路径下,并解压 :



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


+  修改文件夹名称为NodeJs :
    ```javascript
      mv node-v12.16.1-linux-x64 NodeJs  
    ```
+ 安装gcc        


    ```bash
    yum install gcc gcc-c++    
    ```
+ 在/usr/local/bin/NodeJs/bin路径下有三个文件:node  npm  npx
    + 为这三个文件设置软连接,/usr/bin目录用于存放系统命令,此时在任意路径下执行:node  相当于是执行/usr/local/bin/NodeJs/bin/node路径下的文件,执行node后会进入node环境
        ```bash
          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  
        ```


+ 进入根目录


    ```bash
    cd
    ```
+ 验证


    ```bash
     node
    ```
     ![在这里插入图片描述](https://img-blog.csdnimg.cn/e8711e8ac6f04ea9bc109e41db924de8.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

部署vue项目到Linux服务器_服务器



部署vue项目到Linux服务器_服务器_02