准备工作第一步 准备项目部署文件准备项目中使用的数据库.sql文件。准备项目程序(整个项目的war包文件) 第二步 安装运行环境依次安装JDK、TOMCAT、MYSQL NAVICAT需要注意的是避免安装在C盘 ,依据实际情况均安排在 其他盘符的根目录JDK安装详细步骤安装JDK 选择安装目录 安装过程中会出现两次 安装提示 。第一次是安装 JDK ,第二次是安装 JRE , JDK和J
文章目录一、环境准备二、打包项目,并且运行数据库1.打包项目2.运行数据库三、上传项目四、运行项目五、配置nginx,实现反向代理六 、测试结果 一、环境准备1.Java环境–jdk1.8 2.tomcat环境准备3.nginx环境准备4.MySQL环境准备(根据项目版本需要安装)二、打包项目,并且运行数据库1.打包项目我使用的是idea,所以直接在idea里面打包就可以了,点击Maven,按照
转载 2024-02-19 01:40:08
75阅读
文章目录1. 概述2. 优点3. 为什么选择Nginx4. 下载5. 安装6. 配置参数详细说明7. 命令行参数7.1 启动nginx7.2 重启nginx——重新加载配置7.3 停止nginx7.4 运行`Nginx`时指定配置文件7.5 新打开日志文件7.6 修改`nginx.conf`文件后测试是否通过7.7 nginx的命令行参数列表8. 发布React项目8.1 脚手架工具打包8.2
docker软件开发面临的问题之一就是环境配置问题,当前的软件环境可以运行程序,但是换一台服务器由于环境的不同可能导致原先能正常运行的程序跑不起来,也就意味着换一台机器,就要重新配置一遍环境,非常费时费力。于是就想着可不可以安装软件的时候把之前的环境也带着。如果把一台服务器看做是一艘货船,每个软件及依赖的环境看做是一个个集装箱,就可以很好的理解docker在服务器中的作用。docker 与 虚拟机
转载 2024-06-27 12:00:50
141阅读
一. 安装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
      react项目部署和普通的web项目部署过程不同。下面来看一下整个项目从生成到发布的整个流程。一、项目生成1 进入项目文件夹,在此处打开命令行工具,输入“npx create-reacr-app my test”生成一个名为mytest的项目文件,如图:2 然后进入到这个文件夹,输入命令“npm start”启动项目,如图: 3 如上所示就是一
转载 2023-07-06 17:48:34
258阅读
    本人不是专职的运维人员, 本文将自己理解的运维技术知识做个梳理。以便自己记忆和回顾。     现在的 互联网系统是越来越复杂,而且要求系统  7x24 小时不阶段的运作。 对于大型的互联网公司,系统更是错综复杂。 越复杂的系统,越要求简单的耦合,能够最小化的切分。 统一输入输出, 这样系统才能做的庞大,而不显的复杂。而且
搭建 webpack + React 开发环境我在实际工作中用百度 fis3 搭建 React 开发环境,但是放在整个前端社区中,webpack 肯定更适合大家,这里就用 webpack。如果之前未听说或者未用过 webpack 的同学,一定此机会恶补一下,也可以查阅官网开始之前好,否则就需要你在某些过程中耐心等待初始化 npm 环境并安装插件当前的 web 前端开发,基本使用 npm 管理第三方
转载 5月前
14阅读
文章目录react入门-搭建项目-使用lessredux的使用**react-redex的使用以及安装 START**react 路由跳转在函数组件中在声明式组件中 创建react项目 直接敲命令行npm install -g create-react-appcreate-react-app react-namecd react-namenpm startreact入门-搭建项目-使用less1
1. nginx 下载 下载地址,点击这里2. nginx 安装 首先在home下新建一个文件夹叫nginx; 然后在进入下载问nginx安装包解压路径; 命令行输入 ./configure --prefix=/home/xxx(你的用户名)/nginx; 然后接着输入 make 最后输入 make install3. nginx 启动与关闭 在终端输入./nginx,启动nginx服务; 打开浏
转载 2024-02-27 09:59:06
141阅读
nginx反向代理布置项目springboot项目通过命令运行:mvn spring-boot:runps:这里需要找到项目文件的地方然后cmd,输入:mvc spring-boot:run,运行完之后然后就能访问了2.直接运行main方法3.打包运行打包成jar包 1>导入插件<build> <plugins> <plu
转载 2024-03-25 18:26:47
64阅读
nginx代理部署Vue与React项目一,介绍与需求 1.1,介绍Nginx (engine x) 是一个高性能的HTTP和反向代理服务,也是一个IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点(俄文:Рамблер)开发的,第一个公开版本0.1.0发布于2004年10月4日。Nginx是一款轻量级的Web&nbsp
首先是nodejs和npm,webpack是依赖于nodejs的,npm是包管理工具,由于比较简单且老生长谈,这里不做赘述,提供一个网址参考一下https://www.runoob.com/nodejs/nodejs-tutorial.html然后在项目根目录下执行npm init 会自动创建一个package.json文件写在前面:npm常用知识:npx命令是从bin目录下执行包,多用于非全局安
一般想要发布到npm的包都是想给自己的其他项目或者是更多的人使用.所以我觉得应该更简单,更少的依赖.比如我做的dragable-time-selector就是一个时间选择的控件,所以不需要太多的依赖.当然为了节省时间或者是我们并不太清楚要依赖的包的原理的时候可以选择依赖他们.虽然我们从create-react-app创建的项目也可以发布成为npm的包,但是由于我们并不需要里面很多的依赖,所以我们还
转载 6月前
33阅读
1. 获得一个 linux server方法很多种,例如 aws EC2 , 阿里云 ECS , linode 等2. 登录远程服务器并设置服务器命令行使用 ssh 登录,例如:C:\Users\yanchun>ssh root@39.106.35.44然后对服务器进行一些基本设置,使其具有更高的安全性。2.1 更新服务器上所有软件apt update2.2 升级所有软件apt upgrad
by João Henrique 通过JoãoHenrique (How to create a full stack React/Express/MongoDB app using Docker)In this tutorial, I will guide you through the process of containerizing a React FrontEnd, a Node/Exp
转载 2024-05-14 16:29:01
56阅读
在Kubernetes(K8S)中部署Web项目通常包括使用Nginx作为反向代理服务器来将HTTP请求转发到后端的应用程序中。在这篇文章中,我将向你介绍如何在K8S中部署一个简单的Web项目,并使用Nginx作为反向代理服务器。 ### 步骤概述 下面是部署Web项目到K8S上并使用Nginx作为反向代理服务器的步骤概述: | 步骤 | 描述
原创 2024-04-23 18:47:16
176阅读
在K8S中部署前端项目通常会使用Nginx作为前端服务的代理,下面我将为你介绍如何在K8S中部署前端项目。 ## 1. 准备工作 在开始之前,确保你已经安装了kubectl和helm,并且已经有一个运行的Kubernetes集群。如果还没有,你可以参考官方文档进行安装和配置。 ## 2. 部署Nginx Ingress Controller 首先,我们需要部署一个Nginx Ingress C
原创 2024-05-23 10:48:39
150阅读
文章目录1.什么是Nginx2.Nginx 架构3.Nginx部署JavaWeb项目4.通过二级域名部署JavaWeb项目5.通过不同路径方式部署JavaWeb项目6.补充: 1.什么是NginxNginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,在BSD-like 协议下发行。其特点是占有内存少,并发能力强,事实上nginx的并发能力确实在同类型的
转载 2023-08-21 14:33:52
534阅读
本来计划是将一个React工程部署在自己的Centos虚拟机中,但是因为一些网络和安全问题暂时停止了这个计划,于是就把该项目转移到阿里云服务器中,这篇笔记记载了如何从第一步开始直到浏览器通过IP可以访问你的React项目为止。1.编译你的React项目我的项目是通过create-react-app脚手架创建的,当项目编写完成之后可以执行package.json下面的build脚本就可
  • 1
  • 2
  • 3
  • 4
  • 5