最近闲着无聊,自己买了一个阿里云的服务器玩耍。突发奇想部署一个vue的项目。主要用了宝塔面板进行部署。
1.宝塔面板显示自己的服务器配置(自己百度,这里省略);主要讲vue的项目的部署情况
在宝塔面板添加自己的站点,(同一个id可以部署不同的站点,本篇文章不做介绍,后续文章有介绍);

在这里插入图片描述
2.vue项目打包
打开你的项目目录,用终端进行打包(npm run build)
在这里插入图片描述
dist目录:
在这里插入图片描述

3.打包完之后会出现dist的目录,然后将dist放在你的目标站点中。
上传dist目录:
在这里插入图片描述
查看目标站点的根目录是不是dist,如果不是可以通过设置。
在这里插入图片描述
在这里插入图片描述
这样就行了,接下就可以直接访问了,通过你的公网ip访问
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐