当前位置:首页 > 网站技术 > 前端技术 > 正文内容

使用宝塔Linux部署node项目+前端包上线

小彬2021-05-22前端技术160

使用宝塔搭建项目还是非常便捷的


1、进入软件商店下载PM2,然后可以设置放置到首页

使用宝塔Linux部署node项目+前端包上线



2、上传node包到宝塔

把本地的node包压缩好上传到特定的目录下,node_modules 不用打包。

特定的目录:根据宝塔的站点添加会生成一个目录结构,然后把node包解压放置在宝塔解压的二级目录下,因为还有前端包也会放在目录结构的其他二级目录下


如下图

使用宝塔Linux部署node项目+前端包上线


解压后安装node依赖包

npm init -y

npm install



3、添加node项目

在这里面设置node版本以及本地写好的node代码

使用宝塔Linux部署node项目+前端包上线


注意:在项目列表只能配置node代码。

宝塔似乎有个功能问题,选择添加项目时,启动文件和运行目录路径只能复制,不能选择,所以注意下


使用宝塔Linux部署node项目+前端包上线

如果启动成功,那就说明没问题,如果不行的话就看第四步。如果第四步也报错,那就可能是node包问题


4、测试后端包是否成功。

打开后端包的目录,选择上面的终端,使用本地开发时的启动命令

我的node启动命令是node app.js

由于我在PM2 已经启动,所以在这里会报端口已被占用的错误。

使用宝塔Linux部署node项目+前端包上线


5、使用nginx代理前端代码

首先是安装nginx,和安装PM2步骤一样。

进入新建站点的设置,对网站的配置文件和网站目录的绑定

使用宝塔Linux部署node项目+前端包上线

网站目录当然是放置包的目录

配置文件和本地的nginx反向代理差不多,复制过来就行。

使用宝塔Linux部署node项目+前端包上线


6、重启nginx服务。

修改了配置文件一定要重启nginx.

这个时候基本项目就能访问和启动了

前端和后端应该都没问题了

标签: nodejs
分享给朋友:

相关文章

浏览器几种缓存方法的比较

浏览器几种缓存方法的比较

在Web应用领域,Web缓存大致可以分为以下几种类型:1.数据库数据缓存Web应用,特别是社交网络服务类型的应用,往往关系比较复杂,数据库表繁多,如果频繁进行数据库查询,很容易导致数据库不堪重荷。为了...

移动webAPP开发必备基础知识汇总

移动webAPP开发必备基础知识汇总

HTML5存储1、localStorage和sessionStorage1相同的使用方法api使用setItem方法设置存储内容使用getItem方法设置获取内容使用removeItem方法删除存储内...

HTTP之安全威胁解析

HTTP之安全威胁解析

1、web安全攻击web应用的概念web应用是由动态脚本、编译过的代码等组合而成它通常架设在web服务器上,用户在web浏览器上发送请求这些请求使用http协议,由web应用和企业后台的数据库及其他动...

meta标签功能之兼容主流浏览器

meta标签功能之兼容主流浏览器

其实一般新手估计都不会注意这个问题,新手大多都会迫不及待的为了实现网页而去重视代码,往往忽视最重要的meta标签,我就是这样,我也是做了两年的前端才算发现这个里面有很大的学问我最近在一个人独自开发一个...

实现iframe高度自适应的6种方法

实现iframe高度自适应的6种方法

iframe高度自适应JS自适应高度,其实就是设置iframe的高度,使其等于内嵌网页的高度,从而看不出来滚动条和嵌套痕迹。对于用户体验和网站美观起着重要作用。如果内容是固定的,那么我们可以通过CSS...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

分享:

支付宝

微信