路由一、路由1.1、路由传参1.2、路由上下文1.3、非路由跳转的组件获取路由上下文1.4、exact属性1.5、4041.6、Switch1.7、Redirect二、选择器冲突解决方案2.1、命名空间 BEM2.2、模块化2.3、scss三、async和await 一、路由路由的基本使用我们已经讲过了，现在讲讲路由传参。1.1、路由传参路由传参完成的是组件之间的数据传递（组件传值）1）、par
路由:哈希路由（在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部署自己的项目开发步骤：第一步更改tomcat的端口号在slave01虚拟机中更改端口号 192.168.68.13069 <Connector port=“8081” protocol=“HTTP/1.1”
70 connectionTimeout=“20000”
71 redirectPort=“8443” />在master虚拟机中更改端口号 192.168.68.
写在前面最近公司在搞三库管理，其中提到由测试负责人掌管受控库，并且从受控库获取代码部署测试环境。刚好我对于测试环境部署这块知之甚少。就我所知，测试环境部署就是开大打一个war包，测试人员把war包放到tomcat的webapp目录里面就可以了。但是我跟开发交流后，发现，这是很早以前部署环境的方法了。现在后端项目基于SpringBoot框架已经集成了Tomcat， 不需要再单独安装tomcat了。然
转载
2024-09-06 08:26:23
41阅读
本来计划是将一个React工程部署在自己的Centos虚拟机中，但是因为一些网络和安全问题暂时停止了这个计划，于是就把该项目转移到阿里云服务器中，这篇笔记记载了如何从第一步开始直到浏览器通过IP可以访问你的React项目为止。1.编译你的React项目我的项目是通过create-react-app脚手架创建的，当项目编写完成之后可以执行package.json下面的build脚本就可
转载
2024-06-18 13:39:44
334阅读
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 
转载
2024-07-24 07:47:33
842阅读
什么是路由?路由这概念最开始是在后端出现的,在以前前后端不分离的时候,由后端来控制路由,服务器接收客户端的请求,解析对应的url路径,并返回对应的页面/资源。简单的说 路由就是根据不同的url地址来展示不同的内容或页面.前端路由的来源在很久很久以前~ 用户的每次更新操作都需要重新刷新页面,非常的影响交互体验,后来,为了解决这个问题,便有了Ajax(异步加载方案),Ajax给体验带来了极大的提升。虽
转载
2024-07-02 20:33:20
375阅读
nginx中文文档Nginx 的请求处理有多个阶段，比如说rewrite、access、content等等，不同的配置字段属于不同的配置阶段，不同阶段的先后执行顺序不一样，例如rewrite在content阶段前面，就算你content阶段的内容在前面，也一样是rewrite先生效。其中content阶段（根据URI查找内容）主要有index、autoindex、static三个先后次序。匹配特性
转载
2024-02-22 12:15:49
150阅读
一般想要发布到npm的包都是想给自己的其他项目或者是更多的人使用.所以我觉得应该更简单,更少的依赖.比如我做的dragable-time-selector就是一个时间选择的控件,所以不需要太多的依赖.当然为了节省时间或者是我们并不太清楚要依赖的包的原理的时候可以选择依赖他们.虽然我们从create-react-app创建的项目也可以发布成为npm的包,但是由于我们并不需要里面很多的依赖,所以我们还
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
前提：nginx已在服务器上安装完成假如有2个项目（一个company，一个test），需要通过ip或者域名来访问，我们通过http://www.test.com来举例首先把2个静态资源项目或者打包好的项目放到Nginx中1、nginx安装目录及项目目录在nginx的html里面 创建两个文件夹，一个services放服务端代码，一个web放前端代码将前端静态页面或打包好的项目company和te
转载
2023-08-07 01:38:10
134阅读
使用nginx部署前端项目（超详细教程）(所使用前端模版已经上传到个人资源，各位敬请免费领取) 所有文章不设限，我们相遇偶然，相散坦然，互不打扰，各自安好，向阳而生1.安装nginx直接安装报错复现yum -y install nginx解释：Nginx在CentOS官方软件仓库中不可用，但它在EPEL （额外的CentOS软件包）软件仓库中可用，因此安装前需要先安装EPEL软件仓库正确安装方式1
转载
2023-11-13 20:41:54
100阅读
刚刚在本地测试环境写完项目,目前本地测试是一切顺利,未发现异常,准备打包到生产环境服务器上.前端React + antd + React-Router + axios
后端Python3.6 + Django1.10.1
脚手架用的是create-react-app所以我们无需 用webpack来编译#####1: 前端打包: 项目用的是yarn,所以我们编译的话直接执行yarn build 这个
1、分析
路由自己实现需要满足的是： （1）改变URL，但是页面不要进行强制刷新（a标签会进行页面的自动刷新） （2）自己来监听URL的改变，并且改变之后自己改变页面的内容2、监听hash来实现 hase的特点是再url后加上# 设置a标签如下：<div id="app">
<a href="#/home">首页</a>
<a href="#
转载
2024-06-27 06:04:59
99阅读
部署环境：win10第一步：nginx下载下载地址：http://nginx.org/en/download.htmlnginx文件目录点击nginx.exe启动程序开启nginx，默认端口为80成功访问：http://localhost/第二步：编译前端项目前端采用vue框架进行开发，将项目编译成静态文件【html、css、js】vue项目目录结构修改位置1：config/index.jsvue默认打包生成的静态文件存放在dist目录中，修改配置将dis
原创
2021-06-03 17:03:37
3473阅读
随着云计算和容器技术的不断发展，Kubernetes（简称K8S）作为一种自动化容器操作的开源平台，为应用部署、大规模容器管理、自动化容器操作等提供了便利。其中，nginx作为一款高性能的Web服务器和反向代理服务器，在K8S中的使用也非常普遍。本文将向您详细介绍如何在K8S上实现nginx前端部署。
首先，我们来看一下整个nginx前端部署的流程：
| 步骤 | 描述 |
| ---- |
原创
2024-05-06 11:06:38
83阅读
Nginx 流程目录NginxNginx是什么，能做什么基于Docker的Nginx安装和配置1、拉取nginx镜像2、根据镜像创建Nginx容器1、创建一个用于展示的HTML2、创建Nginx容器1、准备挂载目录2、进行容器创建并挂载**写在后边** Nginx是什么，能做什么是什么，能做什么 Nginx是一款自由的、开源的、高性能的HTTP服务器和反向代理服务器；同时也是一个IMAP、POP
转载
2024-03-27 10:44:56
390阅读
