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

    技术2025-06-22  11

    安装 node 环境

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

    检测是否安装完成

    node-v

    打包你的项目

    npm run build

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

    上传与安装 整合好的node 拖到 finalShell 下面(不拽node_modules) -------- finalShell 工具使用

    安装 node_modules cd xxx(文件名) 进入到项目目录npm i 下载依赖文件 npm start 运行项目(因为我没全部使用 express 框架,所以可能有点不一样) 访问网站 如果访问不了 ------ 配置安全组(阿里云)在浏览器内输入你的 ip(域名) 如果是 ip 的话要输入端口号

    注意

    关闭finalShell ,云服务就断了,网页无法访问 --------- 解决方法
    Processed: 0.010, SQL: 9