今天我特地写下笔记，希望可以完全掌握这个东西，也希望可以帮助到任何想对学习这个东西的同学。前言本文用nginx部署服务为主要内容，基于CentOs 7.8系统。文档版本：1.0.1更新时间：2020-07-22 20:28一. 相关环境或软件技术1.1 CentOS 系统CentOS（Community Enterprise Operating System，中文意思是社区企业操作系统）是Linu
nginx代理部署Vue与React项目一,介绍与需求 1.1,介绍Nginx (engine x) 是一个高性能的HTTP和反向代理服务，也是一个IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点（俄文：Рамблер）开发的，第一个公开版本0.1.0发布于2004年10月4日。Nginx是一款轻量级的Web 
转载
2024-07-24 07:47:33
842阅读
自己整理的nginx配置文件，以后留着备用#user nobody; #nginx用户
worker_processes 1; #使用CPU核心数
#日志级别
error_log logs/error.log error;#debug | info | notice | warn | error | crit | alert | emerg
#PID进程 保存文件
#pid
路由:哈希路由（在url地址后加 #name） // 实现页面监听
window.onhashchange = function(){
console.log(‘hash:’,window.location.hash)
}H5路由（history.pushState(‘起的名字’, ‘title字段’, ‘跳转的地址’)）H5路由高级的地方就是可以跳转一个hash值，也可
本人不是专职的运维人员， 本文将自己理解的运维技术知识做个梳理。以便自己记忆和回顾。 现在的 互联网系统是越来越复杂，而且要求系统 7x24 小时不阶段的运作。 对于大型的互联网公司，系统更是错综复杂。 越复杂的系统，越要求简单的耦合，能够最小化的切分。 统一输入输出， 这样系统才能做的庞大，而不显的复杂。而且
搭建 webpack + React 开发环境我在实际工作中用百度 fis3 搭建 React 开发环境，但是放在整个前端社区中，webpack 肯定更适合大家，这里就用 webpack。如果之前未听说或者未用过 webpack 的同学，一定此机会恶补一下，也可以查阅官网开始之前好，否则就需要你在某些过程中耐心等待初始化 npm 环境并安装插件当前的 web 前端开发，基本使用 npm 管理第三方
概述由于自己的之前学习 nginx 只会简单使用，然后每次配置 nginx 都要找文档去了解怎么配置，有点麻烦，所以这里记录下一些常用的nginx 配置和配置的例子，到时候直接 copy 修改即可nginx 的主要功能为 静态文件的服务器、负载均衡、重写或重定向url、正向代理、反向代理 等。这里使用的 nginx 版本为 1.16.0配置文件的主要结构为：nginx.confhttp{
#
转载
2024-03-07 19:05:24
169阅读
前文react-redux主要提供的功能是将redux和react链接起来。 使用提供的connect方法可以使得任意一个react组件获取到全局的store。 实现方法是将store存放于由provider提供的context上，在调用connect时， 就可将组件的props替换， 让其可以访问到定制化的数据或者方法。目标本文将尝试使用最近很火爆的react-hook来替代react-redu
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
大小写匹配~ 为区分大小写匹配 ~* 为不区分大小写匹配 !~和!~*分别为区分大小写不匹配及不区分大小写不匹配 文件及目录匹配-f和!-f用来判断是否存在文件 -d和!-d用来判断是否存在目录 -e和!-e用来判断是否存在文件或目录 -x和!-x用来判断文件是否可执行 flag标记last 相当于Apache里的[L]标记，表
写在前面最近公司在搞三库管理，其中提到由测试负责人掌管受控库，并且从受控库获取代码部署测试环境。刚好我对于测试环境部署这块知之甚少。就我所知，测试环境部署就是开大打一个war包，测试人员把war包放到tomcat的webapp目录里面就可以了。但是我跟开发交流后，发现，这是很早以前部署环境的方法了。现在后端项目基于SpringBoot框架已经集成了Tomcat， 不需要再单独安装tomcat了。然
转载
2024-09-06 08:26:23
41阅读
Installation 安装 Types of routes 路线类型 Components 组件 BrowserRouter 浏览器路由器 Link 链接 Route 路线 Match multiple paths 匹配多个路径 Inline rendering 内联渲染 Match dynamic route parameter 匹配动态路由参数 This tutorial introduc
转载
2024-10-15 15:36:09
64阅读
有上百个很棒的React库可供选择，但是你的React项目最需要哪些库呢?在本文中，我们将分解你的React项目所需的五个库。 1.更快的Create-React-App 如果你想创建一个React项目，你可能会使用像Create-React-App这样的工具。 虽然Create-React-App是一个令人惊叹的工具，并允许你通过运行一个命令来创建React项目，但它有一个新的竞争对手
1.下载和安装create-react-app facebook 提供的基础手脚架在本地新建一个文件夹，然后启动powershell,敲yarn create react-app my-app --template typescript如果安装失败，应该就是墙的问题。这时可以考虑切换npm的源。npm config set registry https://registry.npm.taobao.
一般想要发布到npm的包都是想给自己的其他项目或者是更多的人使用.所以我觉得应该更简单,更少的依赖.比如我做的dragable-time-selector就是一个时间选择的控件,所以不需要太多的依赖.当然为了节省时间或者是我们并不太清楚要依赖的包的原理的时候可以选择依赖他们.虽然我们从create-react-app创建的项目也可以发布成为npm的包,但是由于我们并不需要里面很多的依赖,所以我们还
react native ios打包流程(小白文)为了让小白也能看懂，本文极其浅显，流程步骤有点多，不耐烦的同学可以跳跃阅读准备工作1:开发者账号由于申请开发者账号要钱的，这里大致讲一下流程，不懂的可以留言给我（开发者账号分为：个人开发者账号、公司开发者账号、企业开发者账号）申请流程1：申请开发者Apple ID,申请流程2：付钱（开发者账号分为：个人开发者账号、公司开发者账号、企业开发者账
Part One首先，打开MyProject目录（这个就是我们的项目目录）下的的index.android.js文件，其实这个名字你可以自己定义，不一定非要命名为index.android.js。下面就让我们来分析一下这个文件的内容结构和一些注意事项。import React, { Component } from 'react';
import { // 引入React Native组件，当我们
React是一个用于构建用户界面的JAVASCRIPT库，起源于Facebook内部项目并于2013年5月开源。React拥有出众的性能而代码逻辑却非常简单，因此越来越多的人开始关注和使用React。现在已经成为前端三大主流之一，其他两大主流前端框架分别为Angular和Vue。 安装Node在安装React之前我们需要安装node环境，这个我们只要在node官方下载node绿色免安装
在前端中但凡谈到打包，肯定要提及到 webpack，毕竟它现在已经是最为流行的打包工具。但 webpack 更多地是表现在 术 上，于是我决定写这篇文章，更多地讲解一些关于 道 的。对于一个前端而言，生产环境的静态资源优化，它既是面试中的高频问题，同时也最容易成为平时工作中的 OKR/KPI。如果你经常致力于优化前端打包提及，必然会对一些数字极为敏感，比如：
lodash 和 react gzip
Nginx部署自己的项目开发步骤：第一步更改tomcat的端口号在slave01虚拟机中更改端口号 192.168.68.13069 <Connector port=“8081” protocol=“HTTP/1.1”
70 connectionTimeout=“20000”
71 redirectPort=“8443” />在master虚拟机中更改端口号 192.168.68.
