https nginx vue
vue核心原理（Diff算法、虚拟dom）
核心原理&源码 Diff 算法 这里参考大佬文章：https://mp.weixin.qq.com/s/oAlVmZ4Hbt2VhOwFEkNEhw diff 算法的进化 关于 diff 算法的最经典的就是 Matt Esch 的 virtual-dom，以及 snabbdom（被整合进 vue 2 ......
vue-element-template去除登录
一、修改src目录下的permission.js文件 1、注释 //if (hasToken) { // if (to.path '/login') { // // if is logged in, redirect to the home page // next({ path: '/' }) / ......
vue-element-template改为从后台获取菜单
一、后端接口获取菜单信息 1、返回数据样式 { "code": 20000, "data": [{ "menuId": "2000000000000001", "parentMenuId": "0", "name": "Json工具", "menuType": 2, "component": "#" ......
Vue插件router
路由 概念: 一组key-value对应关系 key1 + value1 => 路由route key2 + value2 => 路由route ...... - 上述路由的集合,就是'路由器'(router) - key为路径,value对应 组件或者 回调func 插件: vue-router, ......
使用PHP curl请求https的时候出现错误“SSL certificate problem: self signed certificate in certificate chain”
https://www.likecs.com/show-305773892.html ......
vue打包后前端修改ip地址
1、在static文件夹下新建config.js文件 (function () { window.SITE_CONFIG = {} // 多个地址 window.SITE_CONFIG['baseUrl'] = '请求地址' window.SITE_CONFIG['baseUrl_1'] = '请求 ......
Nginx异常信息 upstream timed out (110: Connection timed out) while reading response header from upstream
upstream timed out (110: Connection timed out) while reading response header from upstream Nginx代理配置如下： ###proxy settings start proxy_http_version 1.1 ......
Jmeter进行https接口测试（导入证书、接口设置）
1、jmeter中新建https请求，要注意，是https协议、443端口； 2、把接口需要的HTTP信息头管理器、CSV 数据文件设置、查看结果树、用表格察看结果，元件名称我自己做了相应修改，你们不需要用到的元件不用添加，如CSV 数据文件设置; 值得注意的是，因为我是以json格式提交的参数，所 ......
Nginx反向代理与负载均衡
一、Nginx反向代理 代理分两类：正向代理和单向代理 正向代理：帮助客户访问服务器、缓存服务器内容。 1. 什么是Nginx反向代理 反向代理：reverse proxy，指的是代理外网用户的请求到内部的指定的服务器，并将数据返回给用户的一种方式，这是用的比较多的一种方式。 Nginx 除了可以在 ......
HTTPS协议
HTTPS 协议 HTTPS = HTTP + SSL(安全套间层协议)/TLS(传输层安全协议) 加密算法 PKI体系（公钥基础设施） 证书 部署HTTPS服务器 部署CA证书服务器 分析HTTPS的流量 分析TLS交互过程 一、HTTPS协议 在HTTP的通道上，增加了安全性，传输过程中，通过加 ......
vue2 - axios 的使用
Axios 官网：http://axios-js.com/zh-cn/docs/ Axios的模块化： 二次封装Axios import Vue from "vue" import VueAxios from "vue-axios"; Vue.use(VueAxios) const response ......
keepalived+nginx 搭建
0x00 环境说明 1.系统环境：centos7.9 2.主机规划 主节点：site1，IP地址：10.20.140.9 备节点：site2，IP地址：10.20.140.10 VIP地址：10.20.140.188 3.带安装软件清单 nginx：主备节点都需安装 keepalived：主备节点都 ......
Mac电脑创建Vue项目时报错 错误内容：Error: command failed: npm install --loglevel error --legacy-peer-deps
解决方法：在命令vue create xxx前加sudo。 错误原因：应该是用户权限吧，深入不清楚，反正添加sudo后可以成功创建vue项目了。 ......
vue按需加载组件,异步组件
vue2按需加载组件,或者异步组件,主要是应用了component的 is 属性 ###vue2中的动态组件component,官方文档 <!-- 组件会在 `currentTabComponent` 改变时改变 --> <component v-bind:is="currentTabCompone ......
vue点击图片获取图片原像素坐标
<template> <div> <img ref="image" width="1500px" :src="imageUrl" @click="handleClick"> <div v-if="showCoords">X: {{ x }}, Y: {{ y }}</div> </div> </te ......
vue-element-admin e-icon-picker的input一直不出来
今天项目中有用到e-icon-picker，然后正常引入如下： 安装依赖 全局引入css 全局注册 组件用法 按照以上步骤都加载了，但是页面中一直都没有出现 各种查找原因，最终浪费了很久时间才找到原因，是e-icon-picker的版本的问题，也就是1.1.7版本的input并没有，这个是版本自己的 ......
Vue基础语法整理
# vue基础用法&基础原理整理 1. vue基础知识和原理 1.1 初识Vue 想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象 demo容器里的代码依然符合html规范，只不过混入了一些特殊的Vue语法 demo容器里的代码被称为【Vue模板】 Vue实例和容器是一一对应的 ......
Vue10*10图片表格的点击效果
要求.使用Vue及自定义组件完成10*10图片表格点击效果 效果图 过程：一.用PS切图 1.打开PS，选择切图工具，在左边复选框选择切图工具。 2.单击右键鼠标，选择划分切片。 3.选择水平划分、垂直划分10*10，点击确定。 4.单击菜单栏文件，在导出栏选择储存为Web所用格式。 二.用HBui ......
【vue-blog】从SCF改为tsx
修改tsconfig.json { // ... "compilerOptions": { // 增加对jsx的支持 "jsx": "preserve" }, // ... } 创建tsx文件 1. index.tsx import {defineComponent} from 'vue'; exp ......
nginx课堂笔记
课堂笔记 内容介绍 nginx 1 、 nginx简介 （ 1 ） 什么是nginx和可以做什么事情 （ 2 ） 正向代理 （ 3 ） 反向代理 （ 4 ） 动静分离 2 、 Nginx的安装 （ 1 ） 在linux系统中安装nginx 3 、 Nginx的常用命令和配置文件 4 、 Nginx配 ......
CentOS下如何安装Nginx
1、下载nginx 官方网站 http://nginx.org 下载链接：http://nginx.org/download/ 下载完成后的安装包： 2、使用解压命令进行解压 tar -zxvf nginx-1.13.7.tar.gz 3、在安装所需的安装环境 安装gcc环境 yum install ......
离线安装 Nginx 1.18
离线安装 Nginx 1.18 安装依赖：gcc、gcc-c++、ssl、pcre、zlib。注意：一定要先安装gcc，再安装gcc-c++。然后再安装其他，其他的没有先后顺序。 一、安装依赖 gcc、gcc-c++等依赖需要根据linux版本选择安装，现场根据部署环境自行安装，（系统安装镜像，pa ......
Linux系统下配置nginx执行vim nginx.conf后出现一片空白的原因
Linux系统下配置nginx执行vim nginx.conf后出现一片空白，如下图： 上网查了有几个相同情况的都是输错文件名造成的， 1、https://www.imooc.com/qadetail/352451 2、https://www.imooc.com/qadetail/292654 我也 ......
vue/react关与key的面试题
虚拟dom中key的作用 当状态中的数据发生改变时，react会根据新数据生成新的虚拟dom，随后react进行新虚拟dom与旧虚拟dom的diff算法比较，比较规则如下： 1.旧虚拟dom找到了与新虚拟dom相同的key a.若虚拟dom中的内容没变，则使用之前的真实dom b.若虚拟dom中的内 ......
一起学学Vue Router 4.X开发中用到的新特性
前言： vue3发布这么久以来，还没好好梳理过它相关的全家桶，今天我们先聊聊Vue Router 4.X的使用以及新特性！ 可以说路由是一个简单又复杂的东西，简单指的是我们日常使用的过程中只是不断的调用它的API,复杂则是我们有的需求场景需要结合路由原理去处理数据等问题，此时我们就不得不对其原理有很 ......
vue2 element ui 使用i18n 国际化配置
前提npm install vue-i18n 第一步：vue项目下新建locals文件夹，里面配置index.js内容如下，同时新建zh.js 和 en.js作为语言配置文件 import Vue from 'vue' import VueI18n from 'vue-i18n' import El ......
使用vue完成图片表格的点击因隐藏效果
首先了解整个项目可以分几个板块。图片的切割，图片放入的框架构建，图片放入。 1.图片的分割，这里的图片分割可以使用PS，或者网上搜图片切割的网站上传图片就行（http://www.zuohaotu.com/cut-image.aspx） 2.创建一个项目，导入vue.js 3. 建立一个名字为"ap ......