部署 Vue 项目到云服务器(图示)

  1. 安装 node 环境

curl --silent --location https://rpm.nodesource.com/setup_12.x | sudo bash -sudo yum install -y nodejs

部署 Vue 项目到云服务器(图示)
部署 Vue 项目到云服务器(图示)

  1. 检测是否安装完成

node-v
部署 Vue 项目到云服务器(图示)

  1. 打包你的项目

npm run build

部署 Vue 项目到云服务器(图示)
部署 Vue 项目到云服务器(图示)

  1. 检验压缩的代码后的代码是否有问题
  • 本地测试生产环境(css有时打包后有出错)
    • npm i serve -g 下载测试代码的本地环境
      部署 Vue 项目到云服务器(图示)
    • serve -s dist -l 81 运行该项目, 81是端口
      部署 Vue 项目到云服务器(图示)
  1. 把dist目录下的所有文件复制到express项目的public文件夹下

部署 Vue 项目到云服务器(图示)
部署 Vue 项目到云服务器(图示)

  1. 上传与安装

部署 Vue 项目到云服务器(图示)

  1. 安装 node_modules
  • cd xxx(文件名) 进入到项目目录
  • npm i 下载依赖文件
    部署 Vue 项目到云服务器(图示)
  • npm start 运行项目(因为我没全部使用 express 框架,所以可能有点不一样)
    部署 Vue 项目到云服务器(图示)
  1. 访问网站

注意