【阿里云】——部署Vue项目到阿里云服务器

部署Vue项目到阿里云服务器

文章目录

    • 部署Vue项目到阿里云服务器
      • 参考视频
      • 步骤
      • 在服务器上安装宝塔
      • 给vue项目打包
      • 在宝塔上添加站点,把打包好的vue项目解压


参考视频

vue前端部署学习视频

8分钟项目部署-黑马vue电商后台管理系统-购买服务器部署上线-搭建网站


在这里吹一波,黑马YYDS!

步骤

1.在服务器上安装宝塔
2.给vue项目打包
3.在宝塔上添加站点,把打包好的vue项目解压

在服务器上安装宝塔

宝塔面板URL
【阿里云】——部署Vue项目到阿里云服务器_第1张图片
复制代码,在服务器上直接运行即可
安装完成后有宝塔面板地址和用户名密码,请记牢!!
登录后一键安装全部即可

给vue项目打包

在终端使用npm run build进行打包,会生成dist文件夹
【阿里云】——部署Vue项目到阿里云服务器_第2张图片
【阿里云】——部署Vue项目到阿里云服务器_第3张图片
dist文件夹就是打包后的vue项目

在宝塔上添加站点,把打包好的vue项目解压

点击添加站点
【阿里云】——部署Vue项目到阿里云服务器_第4张图片
输入你的服务器ip地址,点击提交,这里只是示范
【阿里云】——部署Vue项目到阿里云服务器_第5张图片
进入http根目录
在这里插入图片描述
把dist压缩包上传,并解压到http根目录,完成解压后,即可通过ip地址用外网访问项目了

你可能感兴趣的:(阿里云,VUE,阿里云)