1.找到自己的项目目录
在VScode里打开目录终端
在这里插入图片描述
2.终端输入打包命令npm run build
在这里插入图片描述
3. 此时目录出现dist文件夹
在这里插入图片描述
4.进入宝塔管理界面，点击网站，然后点击添加站点
在这里插入图片描述
5.填写自己的域名和备注
在这里插入图片描述
注意：如果咱有一个服务器ip地址，想建立多个站点就得添加端口号，但是直接输入ip地址会显示域名已存在
在这里插入图片描述
即使加了www也会提示无法访问网站
在这里插入图片描述
所以我们得填写网站名
在这里插入图片描述
进入站点，然后在这里输入ip端口号
在这里插入图片描述
把之前得zcs.com域名删除即可，这时候显示站点创建成功
在这里插入图片描述

6.进入根目录
在这里插入图片描述
7.点击上传自己打包的dist文件夹
8.点击网站，进入网站目录里面，选择运行目录dist
在这里插入图片描述
9.上传后端node文件，最好上传至根目录下
在这里插入图片描述

10.安装pm2管理器
在这里插入图片描述
注意：如果要运行ts文件，则需要安装typescipt和ts-node@latest
在这里插入图片描述
11.使用pm2(node进程管理器)进行后端文件启动

pm2 start server.js  //文件为js文件

pm2 start server.ts //文件为ts文件

不过这个时候可能会出现报错

[M2][BRROR] Interpreter /ww/server/nvm/versions/node/v16.13.0/lib/node modules/pm2/node modules/.bin/ts-node is NOr AVAIIABLE in PATH.(type 'which /ww/server/nvm/versions/node/v16.13.0/lib/node modules /pm2/node modules/.bin/ts-node' to double check.)

原因是无法找到ts-node接口
此时只需要进入后端文件，安装上ts-node，然后重定向ts-node接口即可

npm install ts-node
pm2 start server.ts --interpreter ./node_modules/.bin/ts-node

12.这时候只要输入IP地址即可访问网站

# vue.js # 前端 # javascript
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