一. 安装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阅读
react项目的部署和普通的web项目部署过程不同。下面来看一下整个项目从生成到发布的整个流程。一、项目生成1 进入项目文件夹，在此处打开命令行工具，输入“npx create-reacr-app my test”生成一个名为mytest的项目文件，如图：2 然后进入到这个文件夹，输入命令“npm start”启动项目，如图： 3 如上所示就是一
转载
2023-07-06 17:48:34
258阅读
准备工作第一步 准备项目部署文件准备项目中使用的数据库.sql文件。准备项目程序（整个项目的war包文件） 第二步 安装运行环境依次安装JDK、TOMCAT、MYSQL NAVICAT需要注意的是避免安装在C盘 ，依据实际情况均安排在 其他盘符的根目录JDK安装详细步骤安装JDK 选择安装目录 安装过程中会出现两次 安装提示 。第一次是安装 JDK ，第二次是安装 JRE ， JDK和J
文章目录react入门-搭建项目-使用lessredux的使用**react-redex的使用以及安装 START**react 路由跳转在函数组件中在声明式组件中 创建react项目 直接敲命令行npm install -g create-react-appcreate-react-app react-namecd react-namenpm startreact入门-搭建项目-使用less1
转载
2024-10-30 11:09:50
28阅读
文章目录一、环境准备二、打包项目，并且运行数据库1.打包项目2.运行数据库三、上传项目四、运行项目五、配置nginx，实现反向代理六 、测试结果 一、环境准备1.Java环境–jdk1.8 2.tomcat环境准备3.nginx环境准备4.MySQL环境准备（根据项目版本需要安装）二、打包项目，并且运行数据库1.打包项目我使用的是idea，所以直接在idea里面打包就可以了，点击Maven，按照
转载
2024-02-19 01:40:08
75阅读
# Docker部署React项目
在软件开发过程中，我们经常遇到部署项目的问题。传统的部署方式可能需要手动配置环境、安装依赖等繁琐的步骤。为了解决这个问题，Docker应运而生。Docker是一个开源的容器化平台，可以将应用程序和其依赖打包成一个可移植的容器，从而实现快速、可靠的部署。
本文将介绍如何使用Docker来部署React项目。我们将使用一个简单的React项目作为示例。
##
原创
2023-08-29 13:05:04
632阅读
# 使用Docker部署React项目
在现代的Web开发中，React已经成为了一个非常流行的前端框架。而Docker则是一个轻量级的容器化工具，可以帮助我们快速部署和管理应用程序。本文将介绍如何使用Docker来部署一个React项目。
## 准备工作
首先，确保你的电脑上已经安装了Docker。如果还没有安装，可以前往[Docker官网](
其次，我们需要一个React项目。如果你还
原创
2024-02-21 06:55:37
286阅读
# 如何将 React 项目部署到 Docker
## 引言
在现代 web 开发中，Docker 被广泛应用于将应用程序与其运行环境打包在一起。利用 Docker 部署 React 项目，可以确保在不同环境中保持一致性，更加便于发布和管理。本文将详细介绍如何将一个简单的 React 项目通过 Docker 部署的步骤。
## 整体流程
下面是将 React 项目部署到 Docker 的步
网上看了许多，大多数都是nginx做成静态项目，但是这样局限性太多，与Web项目相比许多服务端想做的验证都很麻烦，于是开始了艰难的探索之路，终于在不经意间试出来了，一把辛酸。。。 正常的打包就不说了。至于package.json里面这个hompage的参数，无所谓，最后没有用到。项目用的库就是这些，react-router4，新的路由~
转载
2023-08-27 15:00:49
259阅读
1.前言前段时间突发一个想法，想尝试从零开始搭建一个React项目模板，发布到GitHub，再编写脚手架命令拉取模板以及编写脚本命令快速生成业务模块，然后再用这个模板结合之前的一套组件库，完成编译打包运行一些列操作，完善这个项目模板，再就是另外一个大事，用基于这个项目模板与组件库构建的项目，搭建自动化构建与自动化部署整个流程，将连载文章记录整个这个流程，以便后期回溯。2.初始化项目新
转载
2023-12-18 15:00:05
152阅读
React项目部署1.在github上新建仓库（和以前一样）2.将本地代码提交到github仓库上（和以前一样）3.修改本地React项目的 package.json文件（1）在name和version下面增加"homepage": “https://sgf227.github.io/sgf-react-datawhale/”,其中sgf227是github用户名，sgf-react-datawh
转载
2023-10-19 18:50:58
138阅读
文章目录使用 Docker 运行服务部署中的一些问题Why DockerWhy KubernetesDockerizing the Posts ServiceDocker 的一些基础命令Dockering Other Services 使用 Docker 运行服务你可以点击这里查看本文的 Github README 项目链接也是这个哦
部署中的一些问题在之前的项目中，我们部署都是在本地计算机或者
转载
2023-12-13 01:51:17
105阅读
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项目、阿里云服务器、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阅读
文章目录前言一、环境变量二、.gitignore的用法三、使用步骤1.在项目中安装 dotenv`dotenv`、`dotenv-expand`1.dotenv2.`dotenv-expand`2.根目录下创建 .env 文件3.根目录下多环境 .env.xxx 文件总结 前言前后端分离的项目中，前端会有很多环境：本地开发，测试环境，预发布环境，正式上线环境等等，我们的项目有多套基本相同的项目，
转载
2024-03-20 11:37:34
345阅读
本篇对React前端框架的环境配置以及项目搭建方法做一下笔记，方便以后查看。React作为时下较为热门的前端框架，由facebook公司开创，用于搭建响应式的前端页面。（一）首先，安装node.js（js运行平台）+ npm（依赖包管理工具），npm是内嵌于node中的，所以直接前往 node.js官网：https://nodejs.org/en/ 下载安装node.js 即可。为了方便操作，可以
转载
2024-04-08 19:09:47
142阅读
目录1、前言2、使用ngx_http_js_module3、前端部分(以angular为例)4、镜像、部署5、总结1、前言为了尽可能地轻量化前端镜像(非node承载)，将前端编译成静态资源通过nginx承载。
与后端程序不同的是，当使用静态资源方式时页面是直接加载到浏览器进行渲染，无法读取服务端机器中 env 的环境变量。
当有部署多个环境(dev、uat、pro)需求时，就无法像后端程序一样满足
转载
2023-08-24 19:45:50
289阅读
引言 最近React作为当前最为火热的前端框架。最近也相继而出来相关ES7的新语法。 当然，在使用React开发web项目的时候，不得不提到的就是与之配套的相应的打包技术，之前上文已经简单的提到React+webpack的相关环境搭建。 不过昨天，在技术群聊里，又有人提到，如何更好的利用webpack进行开发与打包。那么今天，我就用一个例子来解释一下，利用webpack来打包react项目与
转载
2024-05-28 15:12:05
191阅读
一、项目起步1.创建项目$ npx create-react-app my_react2、安装依赖本项目用到的依赖可以预先安装好：antdredux与react-reduxreact-router-domaxios$ npm i antd redux react-redux react-router-dom@6 axios --save3.配置路由 （根据项目分析需要几个页面，以及页面之间的关系）
转载
2024-03-07 13:42:10
104阅读
docker自动化部署前端项目实战一本文适用于个人项目，如博客、静态文档，不涉及后台数据交互，以部署文档为例。思路利用服务器node脚本，监听github仓库webhook push事件触发post请求，自动拉取最新代码，再用docker接管项目编译、部署。环境本文使用云服务器搭建，环境版本：OS：CentOS Linux release 8.2.2004docker：19.03.12node：1
