将vue项目打包部署到云服务器(傻瓜式宝塔面板)
前提准备拥有一台云服务器(以个人的轻量级云服务器视角)下载Xshell先将自己的vue项目打包,得到dist就行npm run build通过xhsell连接云服务器第一步应该是先创建实例,重置实例密码然后拿到公网ip,打开xshell新建会话,将公网ip输入主机 框,然后点击连接接下来会让你保存ssh密钥,然后就是输入服务器实例的账号密码了出现这个就是已经和服务器连接成功安装宝塔面板首先先注册个
·
前提准备
-
拥有一台云服务器(以个人的轻量级云服务器视角)
-
下载Xshell
- 先将自己的vue项目打包,得到dist就行
npm run build
通过xhsell连接云服务器
第一步应该是先创建实例,重置实例密码
然后拿到公网ip,打开xshell新建会话,将公网ip输入主机 框,然后点击连接
接下来会让你保存ssh密钥,然后就是输入服务器实例的账号密码了
出现这个就是已经和服务器连接成功
安装宝塔面板
- 首先先注册个宝塔账号 点击跳转宝塔官网
点击右上角的注册,完成注册 - 获取安装命令 点击跳转宝塔下载页面
这里复制对应的链接下载,一般都是centos
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh
- 下载
将复制到的下载链接黏贴到xshell
然后输y
出现以下的命令就是下载成功了
4.放行8888端口
进入阿里云服务器的控制台(ESC服务器是安全组)
添加8888端口即可
然后在复制给你的外网面板地址
账号输入给你的username
密码输入给你的password
然后在极速安装相关环境就行
网站上线
先创建一个站点(看图操作)
删除默认文件
将dist里面的文件拖入上传即可
浏览器输入你的公网ip地址,完成!
如果帮助到,请给个免费的赞吧,后续看情况出宝塔配置教程
更多推荐
已为社区贡献2条内容
所有评论(0)