上传文件至云服务器
一、打包文件
在项目根目录下运行
npm run build
等待命令运行结束后,会发现目录下多了 dist 文件夹,这个文件夹就是我们等下要放到服务器中的。
二、文件传输
- 打开 Xftp与实例建立连接
- 云服务器Apache默认的根目录是/var/www/html,因此我们在这个目录下新建music文件夹(这里以我的项目文件名为例)
- 将项目本地的dist文件夹的内容移到云服务器music文件夹下(准备好前端资源)
- 将项目本地的server文件夹也移到云服务器dist文件夹下(这里注意不要复制node_modules文件夹)
- 补充当时后台代码路径:C:\try\Vue-mmPlayer-master\dist

这里再补充一个项目:
电商后台管理项目:http://arwin521.top/vue/

这里将本地dist文件夹中的内容,放在了vue文件夹内,若直接将dist文件夹拖到vue路径

本文详细介绍了如何将Vue+Nodejs项目部署到阿里云ECS服务器,包括项目打包、文件传输、初始化项目、安装及使用pm2保持服务持久运行。通过Xftp和Xshell工具,将dist和server文件夹上传到服务器,安装依赖,启动服务,并配置pm2确保服务在退出终端后仍能运行。最终项目成功部署并可通过公网访问。
最低0.47元/天 解锁文章
3438

被折叠的 条评论
为什么被折叠?



