网站升级提示:我用react+go重构了网站并记录了部署项目简要步骤

先贴出来地址,这是我网站的地址易查网

可能有细心的小伙伴们已经看到了,原来我的网站是这样式的

妥妥的php+h5

改造

前端react框架

前段时间学习了react,正愁无处练手,就有人说我的网站很low,我感觉这正是一个好的机会,于是就计划升级一版。

首先是前端框架的筛选,如果从0开始搭建好像功能有点多,我就选择了一个基于react的框架biaochenxuying / blog-react,不过这个框架应该有点老了,react-route的新特性也没有,而且不兼容新版react-route。

相关打包命令npm run build

后端gin框架

后端使用了简单快捷的gin作为后端服务器提供了api接口

使用该命令生成二进制文件CGO_ENABLED=0 GOOS=linux GOARCH=amd64 go build -o main-go-linux app/main.go 感觉还是很方便的,不用服务器上再配置go环境,直接运行二进制文件即可

nginx

在nginx中指定了react build之后的文件目录,对于接口请求做了以下转发

指定接口转发

javascript 复制代码
        location /api {
                rewrite ^/api(.*)$ $1 break;
                proxy_pass http://127.0.0.1:8012;
        }     

指定所有前端路由都走入口文件,要不然除了主页,其他路由都报404

javascript 复制代码
location / {
    try_files $uri /index.html;
}

保证服务

为了保证服务的可用性,我使用了supervisor来守护进程。

成果

重构后的页面是长这样的

结语

自开自测,可能有想不到的问题,如果在使用过程中发现了什么问题,可以及时反馈给我哦!

相关推荐
ttwuai2 天前
Go开源后台管理系统推荐:怎么按技术栈和边界比较4个官方仓库?
golang·gin
卡布鲁2 天前
把一个 Vite + Vue3 应用塞进 qiankun (React + Umi3) 主站:十个坑的复盘
前端·javascript·react.js
codeejun2 天前
每日一Go·MySQL-5、锁机制全解析
云原生·golang
Achou.Wang3 天前
k8s中nginx worker process自动设置
后端·golang
微三云 - 廖会灵 (私域系统开发)3 天前
企业大模型应用工程化思考:跳出 Demo 陷阱,构建「业务‑资产‑Agent」三层落地架构
人工智能·矩阵·重构
慧都小项3 天前
Python 跨文件重构怎么验证?PyCharm 用法查找、重构预览与测试流程
python·重构·pycharm·单元测试
用户298698530143 天前
在 React 中用 JavaScript 将 Word 转换为文本
前端·javascript·react.js
狗狗狗狗狗乐啊3 天前
搭一个 AI 对话工作台 AChat:从 0 到可用的完整记录(一)
python·react.js·ai编程
江畔柳前堤3 天前
字节跳动·大模型应用知识手册
前端·人工智能·深度学习·opencv·目标检测·重构·transformer
指尖的爷4 天前
ARM 架构 Ubuntu(RK3588/aarch64)go开发环境安装手册
ubuntu·架构·golang