前提准备

  1. 拥有一台云服务器（以个人的轻量级云服务器视角）
    在这里插入图片描述

  2. 下载Xshell

在这里插入图片描述

  1. 先将自己的vue项目打包，得到dist就行
npm run build

在这里插入图片描述

通过xhsell连接云服务器

在这里插入图片描述
第一步应该是先创建实例，重置实例密码
然后拿到公网ip，打开xshell新建会话，将公网ip输入主机 框，然后点击连接
在这里插入图片描述
接下来会让你保存ssh密钥，然后就是输入服务器实例的账号密码了
在这里插入图片描述
出现这个就是已经和服务器连接成功在这里插入图片描述

安装宝塔面板

  1. 首先先注册个宝塔账号 点击跳转宝塔官网
    点击右上角的注册，完成注册
  2. 获取安装命令 点击跳转宝塔下载页面
    这里复制对应的链接下载，一般都是centos
    在这里插入图片描述
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh
  1. 下载
    将复制到的下载链接黏贴到xshell

在这里插入图片描述
然后输y
在这里插入图片描述

出现以下的命令就是下载成功了
在这里插入图片描述

4.放行8888端口
进入阿里云服务器的控制台（ESC服务器是安全组）在这里插入图片描述
添加8888端口即可在这里插入图片描述
然后在复制给你的外网面板地址

账号输入给你的username
密码输入给你的password
然后在极速安装相关环境就行
在这里插入图片描述

网站上线

先创建一个站点（看图操作）
在这里插入图片描述
删除默认文件
在这里插入图片描述
将dist里面的文件拖入上传即可
在这里插入图片描述
浏览器输入你的公网ip地址，完成！
在这里插入图片描述
如果帮助到，请给个免费的赞吧，后续看情况出宝塔配置教程

# vue.js # 阿里云 # 服务器
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue