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. 访问网站

注意

相关文章:

  • 2021-11-24
  • 2021-05-12
  • 2021-11-25
  • 2022-12-23
  • 2021-08-15
  • 2022-12-23
  • 2021-11-06
猜你喜欢
  • 2022-02-01
  • 2022-12-23
  • 2021-11-28
  • 2021-07-29
  • 2021-09-02
  • 2021-12-14
相关资源
相似解决方案