https nginx vue

1、nginx概述

nginx特点 更快: 在正常情况下,单次请求会得到更快的响应 ; 在高峰期(如有数以万计的并发请求),Nginx 可以比其他 Web 服务器更快地响应请求。 高扩展性: 当对某一个模块修复 Bug 或进行升级时,可以专注于模块自身,无须在意其他。在 HTTP 模块中,还设计了 HTTP 过滤器模块 ......
nginx

使用nginx搭建creates.io镜像(稀疏索引)

在Rust开发中,经常需要使用Cargo从crates.io下载依赖,而国内几乎没有好用的crates.io镜像,大多都只对crates.io-index和crates.io进行了镜像,而最重要的static.crates.io却没有镜像。迫不得已只能自己搭建。众所周知,Cargo下载依赖,实际分为 ......
索引 镜像 creates nginx io

vue 生产环境寻找方法

https://juejin.cn/post/6898483758085701646 控制台输入 单击函数会直接跳转 生产环境直接 源码搜索 devtool 然后设置为true 然后关闭f12 重新打开 ......
环境 方法 vue

php+nginx实现最简单的远程调用rpc

nginx配置,负载均衡 upstream userservice { server 127.0.0.1:9002; server 127.0.0.1:9003; } server { listen 80; location / { proxy_pass http://userservice; pr ......
nginx php rpc

vue实现文件下载

vue实现文件下载:https://blog.csdn.net/weixin_41696001/article/details/124210326?ops_request_misc=%257B%2522request%255Fid%2522%253A%252217034939871680022287 ......
文件下载 文件 vue

npm run dev > hhwl-platforma1.0. dev > wue-cli-service serve vue-cli-service’不是内部或外部命令,也不是可运行的程序或批处理文件。

这个错 主要npm i 就可以了 但是现在npm i 也报错 原因是: 重新装了一遍nodeJS ,在设置全局仓库的时候出了些许问题,先建立两个文件夹cache和global:然后打开然后去修改npmrc文件里面的参数 最后点击 node_global 和node_cacahe 这两个文件的属性 然 ......

nginx软链接

遇到问题: 前端访问页面 http://earth.com/index.html的时候,页面打开空白。浏览器控制台里看到index.html加载 http://earth.com/static/a.js 时报404错误。index.html在服务器里对应目录是public文件夹,static/a.j ......
链接 nginx

Vue学习之插槽slot

1. 插槽是什么 插槽就是子组件中的提供给父组件使用的一个占位符,用<slot></slot> 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的标签。 插槽显不显示、怎样显示是由父组件来控制的,而插槽在哪里显示就由子组件来进行控制。 简单理解就是子组件中 ......
slot Vue

教你几个部署多个nginx-ingress的注意事项

本文分享自华为云社区《nginx-ingress工作原理以及多nginx-ingress部署注意事项》,作者: 可以交个朋友。 一、nginx-ingress工作原理 nginx-ingress对应的容器中有两个核心组件:nginx-ingress-controller和nginx。其中nginx- ......

vscode打开vue3,报红,ts类型找不到问题

vscode不用禁用原有的插件Veyur和javascriptVue 之前 vscode 检测到 vue3 ,自动推荐安装了 Vue Language Feature(Volar),但用它扔有类型报错。官方推荐,使用 它 时禁用 Vetur,以免有冲突。 只需安装TypeScript Vue Plu ......
类型 vscode 问题 vue3 vue

控制台打印时显示的文件来源没有显示.vue文件,而是出现了一堆index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-optio…

控制台打印时显示的文件来源没有显示.vue文件,而是出现了一堆index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-optio…,看不出来打印的语句来自哪个vue组件 ......
vue 文件 loader index 控制台

Vue3+vite+Pinia+element-plus 换肤+国际化

先上效果: 一:换肤 1:用Pinia 小菠萝做状态管理。 2:根据自己需求写几套主题色(用于后面在html加载对应的主题颜色) 3: 自己写一个切换主题的页面 4:每次进入系统前去pinia里面获取上次选中的主题。如果已经设置 加载已设置过的 在src 下随便建个theme/index.ts 然后 ......
element-plus element 国际 Pinia Vue3

Jedis串读(转发https://heapdump.cn/article/5092763解Bug之路-串包Bug)

解Bug之路-串包Bug 笔者很热衷于解决Bug,同时比较擅长(网络/协议)部分,所以经常被唤去解决一些网络IO方面的Bug。现在就挑一个案例出来,写出分析思路,以飨读者,希望读者在以后的工作中能够少踩点坑。 串包Bug现场 前置故障Redis超时 由于某个系统大量的hget、hset操作将Redi ......
Bug heapdump 5092763 article Jedis

vue3 + Ant Design 实现双表头表格(横向表头+纵向表头)

一、要实现的效果(纵向固定表头的表格,横向表头数量动态化) 二、这是后台返回的数据格式(以企业为数组,每个企业里有个站点数组pointFactors) 三、代码实现步骤 (1)定义纵向固定表头 1 // 纵向表头数组 tableColumns 2 const tableColumns = ref([ ......
表头 纵向 横向 表格 Design

Vue3之实现一个可拖拽的div

实现一个可拖拽的div写法如下: const chatbox = ref(); const dragx = (el) => { let oDiv = chatbox.value; //当前元素 let disX = el.clientX - oDiv.offsetLeft; let disY = e ......
Vue3 Vue div

https流程

第一步:客户端向服务端发起请求 a. 客户端生成随机数R1 发送给服务端 b. 告诉服务端自己支持哪些加密算法和哈希算法 第二步:服务器向客户端发送数字证书 a. 服务端生成随机数R2 b. 从客户端支持的加密算法中选择一种双方都支持的加密算法(此算法用于后面的会话密钥生成)和哈希算法用机构的证书公 ......
流程 https

https如何工作

HTTPS 是超文本传输协议(HTTP)的扩展。HTTPS 使用传输层安全(TLS)传输加密数据。 数据如何加密和解密? 第 1 步 - 客户端(浏览器)和服务器建立 TCP 连接。 第 2 步 - 客户端向服务器发送 "客户端你好 "信息。该信息包含一套必要的加密算法(密码套件)和它能支持的最新 ......
https

docker部署nginx服务:

docker部署nginx服务: docker run -d --name nginx-server -v /opt/fuwu/nginx-server:/usr/share/html/index.html:ro nginx:latest Unable to find image 'nginx:la ......
docker nginx

Nginx 下将 http 改为 https

将服务从 HTTP 变为 HTTPS,需要进行 SSL 证书的配置。需要完成一下步骤: 获取 SSL 证书 安装 SSL 证书 配置 Nginx 支持 HTTPS 重启 Nginx HTTP 到 HTTPS 的重定向(可选) 1. 获取 SSL 证书(自签名证书) 对于 SSL/TLS 证书,一般来 ......
Nginx https http

极速搭建Nginx文件服务器攻略

目录本地系统安装搭建配置文件有效示例如下注意配置 nginx 本地认证参考文档问题百宝箱在 selinux 开启时, 访问显示 403 Forbiden利用 Docker 容器搭建 Nginx 文件服务器debian 12 的 apt 仓库配置如下在容器内执行如下命令其他 本地系统安装搭建 Ngin ......
服务器 攻略 文件 Nginx

vue3

vue3 * vue3支持组合式传参, vue2在创建app对象的时候,会传入一个包含各种选项的对象,选项包括data函数,methods对象,computed对象等等。 vue3在创建app对象的时候,也是传入一个对象,但是对象属性中有一个setup函数,在该函数中可以定义响应对象,函数,comp ......
vue3 vue

centos7安装nginx

首先安装nginx所需要的第三方库和编译工具 # yum install -y gcc gcc-c++ autoconf automake make # yum install zlib zlib-devel openssl openssl-devel pcre pcre-devel wget ht ......
centos7 centos nginx

推荐一款 Vue3 调试神器!

vue-devtools 是一款基于Chrome浏览器的插件,可以用于调试vue应用,也可以用来辅助我们找到各页面对应的Vue.js文件路径,想必大家都不陌生吧~ 今天给大家推荐一个比 vue-devtools 更好用的插件vite-plugin-vue-devtools, 它是一个旨在增强 Vue ......
神器 Vue3 Vue

nginx常用命令

nginx -s reload # 重新载入配置文件 nginx -s reopen # 重启 Nginx nginx -s stop # 停止 Nginx ......
命令 常用 nginx

https初探

1、服务器环境,两台服务器做前端代理,两台服务器做后端真实服务器。这里都是nginx 代理服务器 后端服务器 172.16.5.50 172.16.5.52 172.16.5.51 172.16.5.52 2、 后端两台服务器修改nginx配置文件: cd /etc/nginx/conf.d vim ......
https

使用Docker和Nginx部署单页面应用

使用Docker和Nginx部署单页面应用 一、简介 1.背景 Docker 是一个容器引擎,它使用 Linux 内核功能(如命名空间和控制组)在操作系统之上创建容器 Docker Compose是一个命令行工具,可以简化容器镜像的构建以及容器的运行,将命令行的选项翻译成配置文件 Nginx是一个高 ......
页面 Docker Nginx

Vue插件

功能:用于增强vue 本质:包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据。 定义插件(新建一个plugins.js文件): export default { install(Vue,x,y,z){ console.log(x,y,z) ......
插件 Vue

IIS部署vue项目

【第一步】安装IIS {1)打开控制面板 -> 打开程序和功能 -> 打开启用或关闭windows功能 (2)找到 Internet Information Services 勾选【web管理工具】和【万维网服务】,然后 确定 【第二步】安装URL重写模块 1). 安装URL Rewrite,下载地 ......
项目 IIS vue

nginx基础

一、什么是nginx? ​ Nginx(发音为“engine-x”)是一个高性能的开源 Web 服务器和反向代理服务器,也可以作为负载均衡器、HTTP缓存以及安全防护等。它最初由俄罗斯的程序设计师Igor Sysoev在2004年创建。 ​ 相比传统的 Apache 服务器,Nginx 采用了更加轻 ......
基础 nginx

vue3父子通信

vue3父子通信 // 获取父级方法或函数调用 const emit = defineEmits(['cancel', 'resetData']); // 获取父级绑定的变量 const props = defineProps({ visible: { type: Boolean, default: ......
父子 vue3 vue