1554天 咸鱼也有梦想

重要的人越来越少,剩下的人也越来越重要 ​​

如何在宝塔面板上部署strapi

发布于 3小时前 / 1 次围观 / 0 条评论 / 教程 / 咸鱼

1.安装node.js ,我这里安装的是v22.22.0版本

https://www.zijincao.cc/content/uploadfile/202602/3bda1770172494.png

 

2.创建数据库

https://www.zijincao.cc/content/uploadfile/202602/ScreenShot_2026-02-04_103937_170.png

 

3. 点击宝塔面板里的终端执行以下命令

//进入wwwroot文件夹

cd /www/wwwroot

//测试npm是否安装成功,如果出现版本号就说明npm安装没问题

npm -v

//执行安装命令,factory-cms为自定义的项目文件夹名称

npm create strapi@latest factory-cms

后面的内容看我下面的执行过程记录,按照我下面的执行完成之后,进行如下操作

1.在Node项目里面添加Node项目,如图所示,添加完成一定要重启。

https://www.zijincao.cc/content/uploadfile/202602/ScreenShot_2026-02-04_104944_399.png

2.浏览器打开 http://你的服务器IP:1337 设置管理员,并进入后台。(如果网站打不开,1.看有无重启 2.看有无打开1337服务器防火墙端口 3.宝塔面板里有无放行1337端口)

3.进入后台之后,你会发现无法添加集合元素,并伴有弹窗需要打开开发模式才能编辑等等。此时是因为我们前文的启动选项为start:strapi start此时代表是生产模式,所以某些地方无法编辑。解决方法:进入刚刚的Node项目,停止当前项目,然后把启动选项设置为develop:strapi develop 开发模式,启动项目,重启当前项目,此时后台就可以编辑了。   

编辑完成再改为生产模式,生产模式访问比开发模式快。

4.汉化操作:

4.1进入/www/wwwroot/factory-cms/src/admin文件夹,把app.example.tsx文件复制 粘贴为app.tsx,打开app.tsx, 如图所示把       'zh-Hans',前方的//取消掉。 保存,重启 。

https://www.zijincao.cc/content/uploadfile/202602/d383543f59349aad65d23811085c2a88.png

4.2 

如图所示,进入后台修改语言

https://www.zijincao.cc/content/uploadfile/202602/ScreenShot_2026-02-04_110950_348.png

[root@VM-0-14-opencloudos ~]# cd /www/wwwroot
[root@VM-0-14-opencloudos wwwroot]# npm -v
10.9.4
[root@VM-0-14-opencloudos wwwroot]# npm create strapi@latest factory-cms
Need to install the following packages:
create-strapi@5.34.0
Ok to proceed? (y) y


> npx
> create-strapi factory-cms


 Strapi   v5.34.0