宝塔简单部署vue

vue简单部署

lxwthinker

5290人浏览 · 2022-04-09 10:35:45

lxwthinker · 2022-04-09 10:35:45 发布

宝塔简单部署vue

1、宝塔环境搭建
2、创建网站
3、添加域名证书

利用vue打包后的dist文件直接部署网站

1、宝塔环境搭建

网站环境搭建

2、创建网站

1、添加站点

新建一个站点，编写域名，域名可以添加端口号，如：www.test.com:9999，则访问的时候要戴上端口号访问，如果有域名证书，用80即可
添加站点
输入域名

2、上传文件

该网站的目录如下。
获取地址
点击进入查看文件，然后将vue打包后的dist文件传输到该目录下。

传输文件

3、重新配置该网站目录

进入该网站的设置页面。
点击设置
选择刚才的dist文件，保存就可以了。
选择目录
保存目录

3、添加域名证书

通过阿里云获取的免费ssl证书输入正确的key和pem就可以部署成功了。
输入证书

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}$/, //不连续的两位字母// /^