vue项目如何部署到服务器上

（1）我创建了一个vue小案例，打开以后效果如下（2）此时我们在终端输入npm run build进行项目打包，打包完之后，在vue项目文件中会出现dist文件夹，这文件夹包含的都是将vue文件打包后的前端文件(js,css,html)(3)同时我用node搭建一个本地服务器（4）在本地服务器所处的根目录类创建一个static文件夹，将vue项目中dist中的内容粘贴到static文件夹中此时我们

@少年啊

5827人浏览 · 2021-12-22 16:12:22

@少年啊 · 2021-12-22 16:12:22 发布

（1）我创建了一个vue小案例，打开以后效果如下
在这里插入图片描述
（2）此时我们在终端输入npm run build进行项目打包，打包完之后，在vue项目文件中会出现dist文件夹，这文件夹包含的都是将vue文件打包后的前端文件(js,css,html)

(3)同时我用node搭建一个本地服务器

（4）在本地服务器所处的根目录类创建一个static文件夹，将vue项目中dist中的内容粘贴到static文件夹中
在这里插入图片描述
此时我们打开服务器搭建的页面，此时什么也没有
此时我们要在服务器源文件加入一点配置，并重启服务器

此时的效果如下

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