华为云服务器部署vue项目

本文详细介绍了如何在华为云服务器上部署Vue项目。首先修改Vue项目的assetsPublicPath为'./',然后通过npm run build进行打包。接着,利用远程桌面连接登录云服务器,并将打包后的dist文件夹上传。最后,在云服务器的Tomcat webapps目录下创建项目文件夹,将dist内容部署进去,确保项目正常运行。
摘要由CSDN通过智能技术生成

一、修改vue项目文件

修改项目config目录下的index.js,将assetsPublicPath: '/'改为assetsPublicPath:
‘./’,注意,有两处,都要改,不然打包部署到tomcat上面访问是一片空白;还有一点需要注意的就是,webstorm起服务时,需要改回来,不然也是不行的

(将图一右侧箭头指向的assetsPublicPath: '/'改为assetsPublicPath: ‘./’)
在这里插入图片描述

二、将vue项目打包

项目文件目录下运行命令:npm run build,将项目打包好,然后当前项目目录下有一个dist文件夹,该文件夹下有一个index.html和static文件夹

三、登录云服务器

1、启动电脑的远程桌面连接

在本地电脑上,点击开始 或 快捷键“WIN+R"打开“运行”, 在其中输入“mstsc”,点击确定。打开远程桌面连接。
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值