vue部署在阿里云服务器

本文详细介绍了如何将Vue项目打包成rar文件,并通过scp命令上传到服务器,然后在服务器上进行解压、清理旧版node_modules、安装新依赖及启动项目的步骤。涉及关键操作包括:scp传输、unrar解压、npm安装及serve启动。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

第一步:
将vue项目打包成rar文件,在项目所在文件夹中打开git bash
使用命令scp -r vue项目路径/draw_map.rar root@服务器ip地址:/usr/local
将vue项目包传给服务器。
第二步:
在服务器中cd /usr/local&ls 查看项目包是否存在
存在使用unrar x draw_map.rar解压文件
第三步:
cd draw_map进入已解压的vue项目中
如果node的版本不一致,需要删除项目打包的文件
使用命令:
rm -rf node_modules
rm package-lock.json
npm cache clear --force
第四步:
使用命令npm install打包项目
最后npm run serve即可

### Vue 前端项目部署阿里云服务器教程 #### 打包前端项目 为了准备部署,需先在本地环境中打包Vue项目。通过命令行工具进入项目的根目录并执行构建指令: ```bash npm run build ``` 这一步骤将会创建一个名为`dist`的文件夹,其中包含了用于生产环境的应用程序资源,包括静态资产和入口HTML页面[^3]。 #### 购买与配置阿里云服务器 对于初次使用者而言,可以选择阿里云提供的轻量级应用服务器进行尝试,该服务提供给新用户为期一个月的免费试用期[^2]。访问官方网站注册账号后,按照指引选购适合开发需求的服务实例规格,并完成必要的网络设置如安全组规则开放HTTP/HTTPS端口等操作以便外部能够正常访问网站内容。 #### 文件传输至远程主机 采用SFTP协议或是其他方式上传之前编译好的`dist`目录下的所有文件到已购得的ECS实例内指定位置;如果选用Apache Tomcat作为Java Servlet容器,则应将其放置于`webapps`路径之下。 #### 启动Web服务进程 确保目标机器上已经安装好Node.js运行时环境或者是相应的Java JRE/JDK版本之后启动Nginx/Apache HTTP Server/Tomcat等中间件来托管这些静态网页文档。针对不同类型的Web服务器可能还需要额外调整一些参数选项以优化性能表现或满足特定业务逻辑的要求。 #### 测试验证成果 最后,在浏览器地址栏输入分配给当前虚拟机公网IP对应的URL链接查看是否能顺利加载出预期界面效果从而确认整个流程无误结束。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值