【自用】VUE项目宝塔部署上线阿里云服务器CentOS7.6

news2024/12/23 19:16:35

一、给VUE项目打包

1.开始打包

运行命令：

npm run build

在这里插入图片描述

2.找到打包好的 dist 文件夹

要记住这个dist文件放在了哪儿，记住哦！
在这里插入图片描述

二、服务器端安装宝塔面板

1.进入root用户并执行命令

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

安装全都 yes 即可，直到安装成功显示
在这里插入图片描述

2.按照“外网面板地址”，在客户端浏览器访问宝塔面板

输入服务器给出的 username 和 password
（请注意！若无法访问，则要查看服务器的防火墙是否开放了端口如：192.168.211.109:8888）
（如果没有放开端口，则要在云服务器控制面板上开放端口并且进入服务器重启防火墙）
在这里插入图片描述

3.注册一个新的宝塔账号，并登录宝塔

在这里插入图片描述

三、域名解析

1.打开阿里云域名控制台

在这里插入图片描述

2.进入域名解析

在这里插入图片描述

3.设置域名解析，添加域名前缀www等…

在这里插入图片描述

四、宝塔设置服务器绑定域名

1.添加域名

（请注意！域名在添加时不必额外指定端口号了除非有特殊需求，默认即可！！）
（请注意！域名在添加时不必额外指定端口号了除非有特殊需求，默认即可！！）
（请注意！域名在添加时不必额外指定端口号了除非有特殊需求，默认即可！！）

根目录等参数也都保持默认不必修改
在这里插入图片描述

2.点击“根目录”

在这里插入图片描述

3.上传已经打好的 dist 包（就是我们第一步打包好的vue工程）

在这里插入图片描述

4.回退到“网站”

在这里插入图片描述

5.点击“网站名”

在这里插入图片描述

6.添加带前缀的域名

在这里插入图片描述

五、访问 xxx.top 域名（不要带端口号），成功。

1.成功！

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/108769.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！