宝塔部署node项目

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

192.168.150.128 www.t.bt

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

Invalid Host header
参考
https://blog.youkuaiyun.com/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,
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值