欢迎食用『主界面』~,这里是赵苦瓜的看板娘desu~

#
使用宝塔快速部署nuxt-Vue项目
首页 > 点滴记录    作者:赵苦瓜   2021年9月27日 17:25 星期一   热度:29006°   百度已收录  
时间:2021-9-27 17:25   热度:29006° 

有个nuxt-Vue项目需要部署到服务器,于是就记录一下。

————————————————————————————————————————

项目打包.png

首先对项目进行打包

npm run build
之后就获得了如图所示的文件,将其上传至服务器的一个你想要他在的位置。


比如我放在了/www/wwwroot/Yunzi_data里面

点击查看原图

然后在宝塔的软件商店里面安装PM2管理器

PM2管理器.png

修改package.json的配置文件,默认端口为3000(记得在宝塔面板的安全里面开放这个端口)

点击查看原图

在项目的路径安装依赖

[root@VM-4-11-centos ~]# cd /www/wwwroot/Yunzi_data
[root@VM-4-11-centos Yunzi_data]# npm i
之后就可以启动项目了


打开PM2管理器,添加项目

点击查看原图

添加成功后便可输入host:port访问试试啦~
当然,如果想用域名访问更加方便,可以设置反向代理:

点击查看原图

本文作者:赵苦瓜      文章标题: 使用宝塔快速部署nuxt-Vue项目
本文地址:https://blog.jixiaob.cn/?post=69
版权声明:若无注明,本文皆为“赵苦瓜のBlog~”原创,转载请保留文章出处。
陆会心2023-01-07 17:25
不错的帖子
虫子2022-02-04 03:04
写的真好,受益匪浅

返回顶部    首页    后花园  
版权所有:赵苦瓜のBlog~    站长: 赵苦瓜    程序:emlog   鲁ICP备20030743号-1   鲁公网安备37048102006726 萌ICP备20222268号    sitemap