惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

有赞技术团队
有赞技术团队
M
MIT News - Artificial intelligence
Hugging Face - Blog
Hugging Face - Blog
博客园 - 聂微东
量子位
S
SegmentFault 最新的问题
V
Visual Studio Blog
博客园 - 【当耐特】
Apple Machine Learning Research
Apple Machine Learning Research
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
小众软件
小众软件
Stack Overflow Blog
Stack Overflow Blog
Vercel News
Vercel News
D
Docker
J
Java Code Geeks
博客园 - 三生石上(FineUI控件)
博客园 - Franky
Recent Announcements
Recent Announcements
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
MongoDB | Blog
MongoDB | Blog
D
DataBreaches.Net
Y
Y Combinator Blog
云风的 BLOG
云风的 BLOG
V
V2EX

博客园 - 码间留白

uniapp打包的APP内嵌H5游戏切后台背景音乐停不下来的解决方案 微信小程序审核总被拒?掌握这套“极简闭环”方案,轻松通关,亲测有效! uni-app 项目鸿蒙原生适配实录:微信授权登录从"点击无反应"到真机跑通,条件编译、SDK 配置与那些官方文档没说清的坑 uniapp项目鸿蒙适配,rebuild 后同步原生工程的三种方案与分层决策 uniapp项目适配鸿蒙端没有自定义基座,调试和打包怎么办? 鸿蒙纯血系统适配实战记录:uView + Vue3 的 uni-app 项目适配鸿蒙 NEXT,一天搞定主功能运行到鸿蒙纯血系统 AI辅助前端开发实战指南:高效落地、避坑沉淀全流程 uni-app 集成网易云信通话插件:首页通话监听一直只有第一次有日志?从监听丢失到重复上报的完整治理之路 即时通信 IM 踩坑实录:群主拉人入群后无法收消息?一文讲透 10007 错误码 AI时代插件开发新玩法,分分钟抽离封装插件,你需要做的只是发布到插件市场 PhotoShop CS6在win11系统中界面字体很小,通过兼容性设置强制高 DPI 缩放即可解决 不会后端不用愁,Strapi解你忧——使用Qoder生成前端开发框架,技术栈React18 + Vite + ReactRouter6 + Axios + vw 适配 + Ant Design Mobile + Zustand + Strapi5 不会后端不用愁,Strapi解你忧——Strapi后台数据表创建及API联调测试,实现查询文章及关联的分类、标签、评论等表连接查询 不会后端不用愁,Strapi解你忧——搭建博客系统常用数据表设计 windows11系统如何安装多个版本的node,新旧项目切换再也不需要卸载重装了 不会后端不用愁,Strapi解你忧——前端使用Strapi就能实现常见的数据增删查改,分页、排序、模糊查询、时间范围等,不要后端也能自己建站 不会后端不用愁,Strapi解你忧——Strapi v5.4设置中文语言展示 win11电脑浏览器无法上网但微信正常使用,通常是因为‌DNS解析失败‌,手动设置可靠的公共DNS服务器地址来解决问题 高效能CI/CD流水线设计:Jenkins与Docker的7个关键优化点 从零搭建 Docker + Jenkins CI/CD 流水线:实现项目自动化构建与部署 AI辅助开发——阿里Qoder重构vue2项目到vue3后继续对项目页面加载速度进行优化 vue3项目本地环境网路请求初始连接过久导致接口请求时间过长的问题处理 微信小程序内嵌vue项目实现页面自定义分享完整示例代码 JavaScript 数组高阶用法汇总(含浏览器+微信小程序WebView支持) 京东小程序报错APP-SERVICE-SDK:setStorageSync:fail vue3+ts项目自定义全局函数调用正常但IDE报异常类型ComponentPublicInstance上不存在属性“$showLoading" vue项目实现Tab页面触底上拉切换下个Tab vue3+ts实现页面滚动位置的保存及恢复 到底是用vue2还是vue3好? css3过渡效果如何处理高度不确定的动态内容
不会后端不用愁,Strapi解你忧——Windows 11 本地完整部署 Str...
码间留白 · 2026-03-31 · via 博客园 - 码间留白

本攻略包含:本地开发环境 + 生产环境双配置,前端开发工程师照这个做就好了。

你将得到:

  • ✅ 本地完美运行 Strapi

  • ✅ 连接 MySQL 8 无报错

  • ✅ 可访问后台:http://localhost:1337/admin

  • ✅ 配置文件已内置 生产环境 模板

  • ✅ 直接为上线部署做好准备

一、环境准备(必须先装)

1. 必须安装

  • Node.js 18+(推荐 18.20.2)

  • MySQL 8.0.27(你已安装)

  • Git(可选)

2. 创建数据库(必须执行)

打开 CMD 登录 MySQL:

mysql -u root -p

执行:

CREATE DATABASE IF NOT EXISTS strapi DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
CREATE USER IF NOT EXISTS '<您的账号>'@'%' IDENTIFIED BY '<您的密码>';
GRANT ALL PRIVILEGES ON *.* TO '<您的账号>'@'%' WITH GRANT OPTION;
FLUSH PRIVILEGES;

二、创建 Strapi 项目

1. 打开文件夹,执行命令,创建项目

npx create-strapi@latest my-strapi-blog

选择:

  • QuickstartCustom

  • 数据库选择 MySQL(默认SQLLite,为了与服务器对齐,这里选了MYSQL)

  • 等待初始化完成,按需要选择配置,如果没有特殊需要,直接默认按回车键即可。(需要输入数据库名称、账户、密码)

image

  • 如果选择了 Install dependencies with npm,项目初始化后会自动安装依赖,出现下边的页面,项目就安装完成了。

image

2. 运行项目,如果前边填写的数据库名称、账号、密码正确,一般是可以直接运行项目了。

npm run dev

image

如果运行失败,可以进入下一步————终极配置文件

三、终极配置文件(直接复制全覆盖)

进入项目 my-strapi-blog/

1. 根目录 .env (本地 + 生产双配置)


# Server
HOST=0.0.0.0
PORT=1337

# Secrets
APP_KEYS=bRAmjQa35euKS6b6Bo+9vg==,vAqveTpKHzycu+q0FVJN2A==,M3kGJdZMuOQtRQq2sv27Fw==,jLpRg0czOUCSXMyFs4Mg2A==
API_TOKEN_SALT=OFVEYrn0ie5kO6dRAN3kYQ==
ADMIN_JWT_SECRET=g+NjBPsUuw7b3soMQlwwxg==
TRANSFER_TOKEN_SALT=Wdn73itHXsPawEhSPeMlTw==
ENCRYPTION_KEY=v2yHK7Rhc7DeUf2mbtR4eg==

# Database
DATABASE_CLIENT=mysql
DATABASE_HOST=127.0.0.1
DATABASE_PORT=3306
DATABASE_NAME= strapi_blog_local
DATABASE_USERNAME=<您的账号>
DATABASE_PASSWORD=<您的密码>
DATABASE_SSL=false
DATABASE_FILENAME=
JWT_SECRET=kweqFhkXoVcPpPWVZxe+sg==

着重检查DATABASE_NAME、DATABASE_USERNAME、DATABASE_PASSWORD这几条配置,保证配置正常,启动项目就不会再报数据库连接异常的问题了。

四、启动 Strapi(本地运行)

npm run dev

✅ 出现 Strapi started successfully 就是成功

访问后台:

http://localhost:1337/admin

image

Strapi启动成功,就可以愉快的在本地环境使用Strapi了,后边会继续写文详细介绍。

注:Strapi安装完成后默认是英文界面,可参考[https://www.cnblogs.com/xyyt/p/19800251](Strapi v5.4设置中文语言展示)来设置中文界面。

五、生产环境配置(已内置,直接可用)

生产环境 .env.production 示例

NODE_ENV=production
HOST=0.0.0.0
PORT=1337
URL=https://your-domain.com

## 生产 MySQL
DATABASE_CLIENT=mysql
DATABASE_HOST=127.0.0.1
DATABASE_PORT=3306
DATABASE_NAME=strapi
DATABASE_USERNAME=<您的账号>
DATABASE_PASSWORD=<您的密码>
DATABASE_SSL=true

生产启动命令

npm run start

编译打包(部署必备)

npm run build

六、常见错误 100% 解决

1. SSL 证书错误

DATABASE_SSL=false

2. 无法连接数据库

  • 用户名必须填写 <您的账号>(替换为实际账号)

  • 密码:<您的密码>(替换为实际密码)

  • 库名:my_strapi_blog

3. Missing jwtSecret

已在 plugins.js 修复

4. 0.0.0.0:1337 无法访问

使用:http://localhost:1337/admin

七、完整部署流程总结

  1. 安装 MySQL

  2. 创建数据库 my_strapi_blog

  3. 创建 my_strapi_blog 项目

  4. 检查开发环境配置文件数据库配置是否正确,手动创建.env.production文件并进行生产环境配置

  5. npm run dev 启动

  6. 打开 localhost:1337/admin

  7. 生产环境直接用内置配置打包上线

接下来,会继续写Strapi的使用及生产环境的配置。