网站升级提示:我用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来守护进程。

成果

重构后的页面是长这样的

结语

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

相关推荐
Zenova EdgeOS11 小时前
Go 工业边缘错误处理实战:用 errors 构建可追溯错误链
开发语言·数据库·golang
KKKlucifer11 小时前
国内数据安全服务的产品智能化转型:大模型赋能下的技术能力重构分析
大数据·数据库·重构
JavaPub-rodert13 小时前
从零搭建通用管理后台:ShiyuAdmin 的 Go、React 与 RBAC 实践
开发语言·react.js·golang
nm_zfyjt14 小时前
信息流广告投放优化实践:线索成本评估模型与转化链路重构(家装建材案例)
算法·重构·内蒙古朋友圈广告服务商·内蒙古朋友圈获客
WiKiLeaks_successor15 小时前
重构Time库的抽象设计
python·重构
microrain19 小时前
SagooIoT 的数据接入层只有四张表,却能接住三种外部数据
物联网·golang·数据建模·sagooiot
fly-iot20 小时前
【FDE知识库】(4):企业知识库怎么选型,开源知识库分享几个,选择开源协议友好的版本,开发wiki-go项目
golang·开源·开源协议
Highcharts.js20 小时前
React 中原生支持使用 JSX 组件配置自定义表格 Highcharts Grid
前端·javascript·react.js·前端框架·jsx·highcharts·自定义表格
JudithHuang1 天前
React 嵌套路由与布局
前端·react.js·arcgis·react·react router
福大大架构师每日一题1 天前
excelize v2.11.1发布:Go 1.26.0起步,16项安全修复与嵌入对象能力全面升级
开发语言·安全·golang