IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 如何在宝塔打包上传vue项目 -> 正文阅读

[JavaScript知识库]如何在宝塔打包上传vue项目

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地址即可访问网站

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-09-21 00:19:29  更:2022-09-21 00:21:28 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 10:45:36-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码