Axiosaxios 是什么?前端最流行的 ajax 请求库
react/vue 官方都推荐使用 axios 发 ajax 请求
axios 特点1.基于 xhr + promise 的异步 ajax 请求库
2.浏览器端/node 端都可以使用
3.支持请求/响应拦截器
4.支持请求取消
5.请求/响应数据转换
6.批量发送多个请求
axios 常用语法axios(config): 通用/最本质的发任意类型请求的方式
axios(url[, config]): 可以只指定 url 发 get 请求
axios.request(config): 等同于 axios(config)
axios.get(url[, config]): 发 get 请求
axios.delete(url[, config]): 发 delete 请求
axios.post(url[, data, config]): 发 post 请求
axios.put(url[, data, config]): 发 put 请求
axios.defaults.xxx: 请求的默认全局配置
axios.intercepto ...
ECMASript 6 新特性let 关键字let 关键字用来声明变量,使用 let 声明的变量有几个特点:
不允许重复声明
块儿级作用域
不存在变量提升
不影响作用域链
应用场景:以后声明变量使用 let 就对了
const 关键字const 关键字用来声明常量,const 声明有以下特点
声明必须赋初始值
标识符一般为大写
不允许重复声明
值不允许修改
块儿级作用域
注意: 对象属性修改和数组元素变化不会出发 const 错误
应用场景:声明对象类型使用 const,非对象类型声明选择 let
变量的解构赋值ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称 为解构赋值。
//数组的解构赋值const arr = ["张学友", "刘德华", "黎明", "郭富城"];let [zhang, liu, li, guo] = arr;//对象的解构赋值const lin = { name: "林志颖", tags: [&quo ...
部署Springboot单体项目
安装docker
安装nginx
编写Dockerfile文件
创建镜像创建容器完成部署
参考博文:https://blog.csdn.net/Howinfun/article/details/102514099视频讲解链接: 【云服务器部署springboot+vue前后端分离项目】 https://www.bilibili.com/video/BV1hY411d7H1/?share_source=copy_web&vd_source=ca4e02b93a63f6b61653cafdecdfc29f
使用maven打包工具引入依赖—在有启动类的Pom文件中引入<build> <plugins> <plugin> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-maven-plugin</artifactId> ...
服务器代理
未读[vue]: # ‘https://npm.elemecdn.com/blogcoverimgs@1.0.0/blogs/wallhaven-d6827l.jpg?vw=9500&vh=4820‘
云服务器部署vue执行npm run build:prod打包vue工程注意的是:记得修改自己生产环境调用的接口的地址执行build命令之后,会生成一个dist打包目录
进入虚拟机编写nginx配置文件,方便做映射在/usr/local/nginx/conf.d/admin.xz.com.conf中编写server{ listen 80; server_name admin.xz.com; # 编写的是后面配置本机hosts的域名 location / { root /var/www/admin.xz.com; index index.html; }}然后在/var/www/admin.xz.com目录中上传我们dist目录中打包的所有文件
最后在本机配置好hosts,就可以直接访问了
前端CSS
未读JS实现站外链接视频播放需要引入的js文件有<script src="js/jquery.js"></script><!--lightbox-video方法实现--><script src="js/magnific-popup.min.js"></script><!--lightbox-video 方法实现--><script src="js/script.js"></script><!--lightbox-video 标签引入-->css样式需要引入<link href="css/global.css" rel="stylesheet"><!-- css引入标签效果--><link href="css/magnific-popup.css" rel="stylesheet"><!--引入视频点 ...
Nginx快速入门公司产品出现瓶颈?我们公司项目刚刚上线的时候,并发量小,用户使用的少,所以在低并发的情况下,一个jar包启动应用就够了,然后内部tomcat返回内容给用户。但是慢慢的,使用我们平台的用户越来越多了,并发量慢慢增大了,这时候一台服务器满足不了我们的需求了。于是我们横向扩展,又增加了服务器。这个时候几个项目启动在不同的服务器上,用户要访问,就需要增加一个代理服务器了,通过代理服务器来帮我们转发和处理请求。我们希望这个代理服务器可以帮助我们接收用户的请求,然后将用户的请求按照规则帮我们转发到不同的服务器节点之上。这个过程用户是无感知的,用户并不知道是哪个服务器返回的结果,我们还希望他可以按照服务器的性能提供不同的权重选择。保证最佳体验!所以我们使用了Nginx。
什么是Nginx?Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器,同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点(俄文:Рамблер)开发的,第一个公开版本0.1.0发布于2004年10月4日。2011年6月 ...
服务器代理
未读Nginx超详细的常用操作命令本文我们来介绍下Nginx中的常用操作命令。
服务启动命令-h help命令可以查看帮助信息
默认启动方式直接执行Nginx的二进制文件即可/usr/local/nginx/sbin/nginx该方式默认会加载 /usr/local/conf/nginx.conf 配置文件
指定配置文件也可以在启动的时候指定要加载的配置文件 -c/usr/local/nginx/sbin/nginx -c conf/nginx.conf当然我们在启动的时候也可以指定pid的存储位置/usr/local/nginx/sbin/nginx -g “pid /usr/local/nginx/nginx.pid;”-g参数的约束条件是指定的配置项不能与默认路径下的nginx.conf中的配置项相冲突,否则无法启动。就像上例那样,类似这样的配置项:pid logs/nginx.pid,是不能存在于默认的nginx.conf中的。另一个约束条件是,以-g方式启动的Nginx服务执行其他命令行时,需要把-g参数也带上,否则可能出现配置项不匹配的情形。例如,如果要停止Nginx服务,那么 ...
HTML+CSS部分添加所有页面,和上一页、具体页、下一页的按钮,设置div样式,默认第一页显示,其他页隐藏。<head> <meta charset="UTF-8"> <title></title> <style> .item { display: none; width: 300px; height: 400px; overflow: hidden; position: relative; } .item>img { width: 100%; height: auto; position: absolute; /*top: 0;*/ left: 0; right: 0; bottom: 0; margin: auto; } .item.active { display: bl ...
RabbitMQ简介RabbitMQ是实现了高级消息队列协议(AMQP)的开源消息代理软件 (亦称面向消息的中间件)。RabbitMQ服务器是用Erlang语言编写的,而集群和故障转移是构建在开放电信平台框架上的。所有主要的编程语言均有与代理接口通讯的客户端库。RabbitMQ由Erlang语言开发,Erlang语言用于并发及分布式系统的开发,在电信领域应用广泛,OTP(OpenTelecom Platform)作为Erlang语言的一部分,包含了很多基于Erlang开发的中间件及工具库,安装RabbitMQ需要 先 安装Erlang/OTP,并保持版本匹配。
2、基本概念RabbitMQ是一套开源(MPL)的消息队列服务软件,是由 LShift 提供的一个 Advanced Message Queuing Protocol (AMQP) 的开源实现,由以高性能、健壮以及可伸缩性出名的 Erlang 写成。
2.1、RabbitMQ服务支持下列操作系统:
Linux
WindowsNT 到 10
Windows Server2003 到 2016
macOS
Solaris
...
服务器代理
未读nginx 介绍1 什么是nginxNginx是一款高性能的http 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器。
由俄罗斯的程序设计师Igor Sysoev所开发,官方测试nginx能够支支撑5万并发链接,
并且cpu、内存等资源消耗却非常低,运行非常稳定。
2 应用场景
http服务器。Nginx是一个http服务可以独立提供http服务。可以做网页静态服务器。
虚拟主机。可以实现在一台服务器虚拟出多个网站。例如个人网站使用的虚拟主机。
反向代理,负载均衡。当网站的访问量达到一定程度后,单台服务器不能满足用户的请求时,
需要用多台服务器集群可以使用nginx做反向代理。并且多台服务器可以平均分担负载,
不会因为某台服务器负载高宕机而某台服务器闲置的情况。
2 nginx安装1 下载官方网址:http://nginx.org/en/download.html
官网提供三种版本:
Nginx官网提供了三个类型的版本Mainline version:Mainline 是 Nginx 目前主力在做的版本,可以说是开发版Stable version:最新稳定版, ...









