网站升级提示:我用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之后的文件目录,对于接口请求做了以下转发

指定接口转发

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

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

location / {
    try_files $uri /index.html;
}

保证服务

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

成果

重构后的页面是长这样的
在这里插入图片描述
在这里插入图片描述

结语

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

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-05-01 07:22:02       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-05-01 07:22:02       106 阅读
  3. 在Django里面运行非项目文件

    2024-05-01 07:22:02       87 阅读
  4. Python语言-面向对象

    2024-05-01 07:22:02       96 阅读

热门阅读

  1. 0115__i++循环与i--循环的执行效率

    2024-05-01 07:22:02       34 阅读
  2. HTML 表单标签

    2024-05-01 07:22:02       36 阅读
  3. 第二章:计算机系统基础知识之系统工程

    2024-05-01 07:22:02       27 阅读
  4. MongoDB聚合运算符:$strLenBytes

    2024-05-01 07:22:02       35 阅读
  5. RCE漏洞简单总结

    2024-05-01 07:22:02       31 阅读
  6. MongoDB聚合运算符:$strLenCP

    2024-05-01 07:22:02       34 阅读
  7. Scala 重难点总结

    2024-05-01 07:22:02       38 阅读
  8. link和@import的区别

    2024-05-01 07:22:02       31 阅读
  9. iOS cocoapods 升级

    2024-05-01 07:22:02       33 阅读
  10. scala基础学习--变量,标识符,类型和类型转换

    2024-05-01 07:22:02       42 阅读
  11. redis多用户管理

    2024-05-01 07:22:02       35 阅读
  12. Docker 快速入门

    2024-05-01 07:22:02       33 阅读
  13. Oracle 存过 与Postgresql 的存过的差别

    2024-05-01 07:22:02       34 阅读
  14. 第六十七章 使用 NSD (UNIX® Linux macOS)

    2024-05-01 07:22:02       32 阅读