1.前言前段时间突发一个想法，想尝试从零开始搭建一个React项目模板，发布到GitHub，再编写脚手架命令拉取模板以及编写脚本命令快速生成业务模块，然后再用这个模板结合之前的一套组件库，完成编译打包运行一些列操作，完善这个项目模板，再就是另外一个大事，用基于这个项目模板与组件库构建的项目，搭建自动化构建与自动化部署整个流程，将连载文章记录整个这个流程，以便后期回溯。2.初始化项目新
转载
2023-12-18 15:00:05
152阅读
搭建 webpack + React 开发环境我在实际工作中用百度 fis3 搭建 React 开发环境，但是放在整个前端社区中，webpack 肯定更适合大家，这里就用 webpack。如果之前未听说或者未用过 webpack 的同学，一定此机会恶补一下，也可以查阅官网开始之前好，否则就需要你在某些过程中耐心等待初始化 npm 环境并安装插件当前的 web 前端开发，基本使用 npm 管理第三方
本人不是专职的运维人员， 本文将自己理解的运维技术知识做个梳理。以便自己记忆和回顾。 现在的 互联网系统是越来越复杂，而且要求系统 7x24 小时不阶段的运作。 对于大型的互联网公司，系统更是错综复杂。 越复杂的系统，越要求简单的耦合，能够最小化的切分。 统一输入输出， 这样系统才能做的庞大，而不显的复杂。而且
Dockerfile简介Dcokerfile是一个文本格式的配置文件，由一系列命令和参数构建的脚本，用户可通过这个快速构建自定义的镜像 官方仓库dockerhub和一些镜像仓库已经提供大量的镜像，但有些时候不能满足我们的需求，例如安装一些安装比较少的第三方软件，或自定义的项目，这个时候只能先用公共仓库镜像，启动容器，然后在容器中按照我们的需求安装软件，修改配置等等操作，之后提交镜像等等。。。 这种
转载
2024-09-26 14:29:10
40阅读
网上看了许多，大多数都是nginx做成静态项目，但是这样局限性太多，与Web项目相比许多服务端想做的验证都很麻烦，于是开始了艰难的探索之路，终于在不经意间试出来了，一把辛酸。。。 正常的打包就不说了。至于package.json里面这个hompage的参数，无所谓，最后没有用到。项目用的库就是这些，react-router4，新的路由~
转载
2023-08-27 15:00:49
259阅读
一、介绍Create React App 是 React 脚手架，它帮我们可以快速生成项目的工程化结构，脚手架让项目从搭建到开发再到部署，整个流程变得快速和便捷。二、安装Create React App 是官网的一个工具，通常使用全局安装，执行下面命令即可。如下 ：npm i -g create-react-app可以使用下面命令，查看 Create React App 安装的版本create-r
转载
2023-07-11 20:41:32
235阅读
react项目、阿里云服务器、nginx代理、linux，xftp跟xshell工具，用来跟远程服务器交互，xftp上传本地文件到服务器，xshell服务端命令行服务器端，我用的Linux、ubantu，没有图形化，只有命令。首先你要有个react项目，这个很简单，npm install -g create-react-app、create-react-app your-app-name，项目创建
转载
2024-05-30 12:29:18
36阅读
react入门指南（二）react环境搭建1.react环境搭建2.生成一个react基础项目3.环境解析4.环境配置5.资源限制6.第三方脚手架 1.react环境搭建由于react基于Nodejs，所以安装前需要安装Node.js、npm、cnpm 当我们在官网下载并安装Node时，npm也自动安装好了，一路next后即可。安装好后键入node -v 以及npm -v 来测试是否安装成功（不
转载
2024-07-02 07:36:13
184阅读
一. 安装node.jsbrew install node二. 创建react appnpx create-react-app my-app
cd my-app
npm start默认使用3000端口，本地3000端口被占用，修改/node_modules/react-scripts/scripts/start.js中的端口号// 这是start.js部分源码
const DEFAULT_PORT
转载
2024-04-09 11:36:15
206阅读
ssr什么是ssr：server side render，服务端渲染不同于jsp，php等传统服务端渲染（这种情况下，前后端代码是分开的，写了两份）目前的ssr是基于react vue等前端框架的同构渲染（即一份代码，同时运行在server和client端），开发人员只关注业务实现即可ssr的优缺点就不细说了，无非seo，首屏更快，学习成本变高，加大服务端资源开销等目前我们项目都逐步采用ssr方案
转载
2024-06-10 15:32:22
18阅读
Docker is an enterprise-ready container platform that enables organizations to seamlessly build, share, and run any application, anywhere. Almost every company is containerizing its applications for f
转载
2024-08-06 20:40:35
22阅读
react项目的部署和普通的web项目部署过程不同。下面来看一下整个项目从生成到发布的整个流程。一、项目生成1 进入项目文件夹，在此处打开命令行工具，输入“npx create-reacr-app my test”生成一个名为mytest的项目文件，如图：2 然后进入到这个文件夹，输入命令“npm start”启动项目，如图： 3 如上所示就是一
转载
2023-07-06 17:48:34
258阅读
文章目录使用 Docker 运行服务部署中的一些问题Why DockerWhy KubernetesDockerizing the Posts ServiceDocker 的一些基础命令Dockering Other Services 使用 Docker 运行服务你可以点击这里查看本文的 Github README 项目链接也是这个哦
部署中的一些问题在之前的项目中，我们部署都是在本地计算机或者
转载
2023-12-13 01:51:17
105阅读
前提准备：1、React项目npm run build打包打包前配置在项目打包之前需要在package.json文件中添加 "homepage": "./"，,避免项目打开后出现空白页面。"homepage": "./", 项目中的接口一定要使用在线接口，不要使用本地接口，要不然打包出来的项目仍然是空白页打包项目根目录，打开终端，运行npm run build运行成功之后，项
转载
2024-03-06 00:50:32
310阅读
在armbian下，输入armbian-software，下面就有openwrt的安装选项。直接会安装opub大佬的openwrt。但是这个openwrt没有我需要的插件，所以直接用别的openwrt镜像来用了。镜像地址： https://hub.docker.com/r/unifreq/openwrt-aarch64里面有用法。把docker下的openwrt做旁路由，有2种网络结构，一种是采用
转载
2023-07-14 23:38:21
583阅读
# React Windows Docker部署
在现代的Web开发中，React已经成为使用最广泛的前端框架之一。而使用Docker可以方便我们构建和部署应用程序。本文将介绍如何在Windows系统上使用Docker来部署React应用程序。
## 准备工作
在开始之前，我们需要确保系统已经安装了以下软件：
1. Docker Desktop for Windows
2. Node.js
原创
2024-06-29 06:11:25
57阅读
自学react有一段时间了，官网文档基础的看了一遍，然后便把之前公司做的一个vue项目用react搭建了下，顺便整理下一些知识点。项目大概效果：一、利用create-react-app搭建项目1、全局安装create-react-app，执行：npm install -g create-react-app 命令进行安装2、进入要安装项目的文件夹，执行：npx create-react-app my
# Docker部署React项目
在软件开发过程中，我们经常遇到部署项目的问题。传统的部署方式可能需要手动配置环境、安装依赖等繁琐的步骤。为了解决这个问题，Docker应运而生。Docker是一个开源的容器化平台，可以将应用程序和其依赖打包成一个可移植的容器，从而实现快速、可靠的部署。
本文将介绍如何使用Docker来部署React项目。我们将使用一个简单的React项目作为示例。
##
原创
2023-08-29 13:05:04
632阅读
dockerfile编写apache服务个人博客地址：https://www.de009.top/dockerfile-to-write-the-apache-service.html 本篇教程使用centos镜像为基础的建立apache服务的docker镜像1. 准备工作 安装docker 下载centos的镜像docker pull centos2.编写dockerfile与辅助脚本 创建一个
转载
2024-10-21 12:18:23
40阅读
# 使用Docker部署React项目
在现代的Web开发中，React已经成为了一个非常流行的前端框架。而Docker则是一个轻量级的容器化工具，可以帮助我们快速部署和管理应用程序。本文将介绍如何使用Docker来部署一个React项目。
## 准备工作
首先，确保你的电脑上已经安装了Docker。如果还没有安装，可以前往[Docker官网](
其次，我们需要一个React项目。如果你还
原创
2024-02-21 06:55:37
283阅读
