宝塔部署node项目

ndoe,想必大家都不会陌生,只要是干开发的都知道。即便没接触过,也知道这个东西存在。那么,在宝塔中,要怎么部署node的项目呢?
今天,我特意在本地的电脑上安装了一个虚拟机,同时,在虚拟机上安装了linux系统。这到儿,大家都应该知道我接下来的操作了。不错,就是在linux系统上安装宝塔。
一切准备工作完成后。这儿,我就以我的vue项目为例。(其实,我们也可以这样子去理解,vue也是一个node项目。至少,它是需要基于node环境来驱动)
1、首先,我们把在本地中的项目打包成zip。(这儿有个需要注意的地方,那就是在打包的时候,不要把项目中的 node_modules 这个目录也打包上去了,不然如果项目很大的话有时会失败的),如下图所示
宝塔部署node项目_第1张图片
2、当然,在宝塔中,我们得安装好一些常用的软件,比如node 和 nginx等软件。
3、在宝塔面板中,按如下图所示进行操作
(1)、上传你刚打包成zip的压缩文件到这儿,上传成功后并解压
宝塔部署node项目_第2张图片
(2)、添加你的项目
宝塔部署node项目_第3张图片
(3)、在终端进行安装
进入到你的项目根目录
宝塔部署node项目_第4张图片npm install #安装依赖
4、安装完成后进行如下配置
在这里插入图片描述
宝塔部署node项目_第5张图片
宝塔部署node项目_第6张图片
注意,最好邦定一个域名,我刚用ip访问好似不行(还需要研究)
完事之后,点击面板上的启动即可。
当然,如果是虚拟的域名。别忘了在你本地的电脑上配置下。

192.168.150.128 www.t.bt

最后,在浏览器输入域名后,可能会报如下的错误

Invalid Host header
参考
https://blog.csdn.net/m0_60817176/article/details/131323236?spm=1001.2101.3001.6650.5&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-5-131323236-blog-129203942.235%5Ev38%5Epc_relevant_anti_vip_base&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-5-131323236-blog-129203942.235%5Ev38%5Epc_relevant_anti_vip_base&utm_relevant_index=6

vue-cli 版本为 2.x
大概就是改下根目录下/build/webpack.dev.conf.js 中的文件 ,在devServer 对象加入 disableHostCheck: true

devServer: {
	disableHostCheck: true,
}

你可能感兴趣的:(前端,node)