https nginx vue
vue+go实现注册功能
<!DOCTYPE html><html><head> <meta charset="utf8"> <style> .container { width: 400px; margin: 0 auto; padding: 20px; border: 1px solid #ccc; border-rad ......
[Nginx] API请求体过大时，报：Nginx 413 Request Entity Too Large [转载]
1 问题描述 此问题（通过方法1）已解决，但整体的解决思路，参考自网友，故著名为【转载】文章 昨晚压测时，通过API请求10000个设备的若干信号（5个）状态时，Postman返回Nginx的如下错误 API 整个请求有 1.37MB 413 Request Entity Too Large 2 问 ......
Vue3+TS+Vite中 vConsole 插件的使用
vConsole 一个轻量、可拓展、针对手机网页的前端开发者调试面板。 vConsole 是框架无关的，可以在 Vue、React 或其他任何框架中使用。 现在 vConsole 是微信小程序的官方调试工具。 https://gitee.com/Tencent/vConsole/ 平时在web应用开 ......
nginx 安装
#!/bin/bash ############################################################## # File Name: install_nginx.sh # Version: V1.0 # Author: junwang # Organizat ......
unable to access https:www.github.comXXX
问题： 像push代码到github，失败 解决方案： git config --global http.proxy http://127.0.0.1:1080 git config --global https.proxy http://127.0.0.1:1080 注：1080是代理端口，查一下 ......
Nginx常用配置
项目配置示例 HTTP： user root; worker_processes 1; events { worker_connections 1024; } http { include mime.types; default_type application/octet-stream; send ......
vue3 elementplus 表格表头过长 三个点显示
vue3:const renderHeaderMethods = ({ column }) => { return createVNode( resolveComponent('el-tooltip'), { effect: 'dark', content: column.label, placem ......
nginx部署vue编译项目刷新页面404
原因：nginx配置错误。 因为vue打包输出的是单页网页应用，只有一个index.html入口，其他路径是由前端路由去跳转的，服务器目录下没有对应物理路径，所以就会报404。 这样的nginx配置会出现该问题。 location / { alias /home/vue/dist/; index i ......
vue3学习之Pinia状态管理
状态管理 src/views/Pinia.vue <script setup> import { ref } from "vue"; import { storeToRefs } from "pinia"; import { useCounterStore } from "../stores/cou ......
vue3学习之逻辑复用
逻辑复用-组合式函数 src/views/ad/User.vue <script setup> import { useMouse } from "../../js/mouse.js"; import { useFetch } from "../../js/fetch.js"; import { r ......
Nginx反向代理MQTT服务端（emqx）
安装Ｎginx 此处使用Ubuntu22.04LTS系统，通过源码编译安装的方式安装Nginx。你也可以使用Docker或二进制包安装Nginx。 环境要求 在编译和安装 Nginx 前，需要确保系统中已经安装了以下依赖项： GNU C 和 C++ 编译器 PCRE (Perl Compatible ......
vue3学习基础之组件
组件 Comp.vue <script setup> import { ref, provide, readonly, defineAsyncComponent } from "vue"; import DemoComp from "../../components/simple/DemoComp. ......
2、安装nginx
1、检查Linux内核版本 uname -a 内核版本为3.10.0，Linux安装需要内核版本>=2.6 2、安装依赖环境 安装gcc 如果已经安装过可以忽略 yum install gcc 安装g++ 如果已经安装过可以忽略 yum install gcc-c++ 安装PCRE库（perl co ......
vue3学习基础之响应式状态
响应式状态 <script setup> import { ref, reactive, computed, watch, watchEffect } from "vue"; //reactive 响应式对象 只能用于对象、数组和集合类型 const author = reactive({ name ......
vue3学习基础之事件绑定
事件绑定 <script setup> import { nextTick, ref } from "vue"; function clickA() { console.log("点击了a标签，点击事件传递到了外层p标签"); } function clickStop() { console.log ......
vue3学习基础之表单相关
表单相关 <script setup> import { ref } from "vue"; const message = ref("hello"); const checked = ref(); const checkedNames = ref([]); const picked = ref() ......
Keepalived 安装 配置 Nginx 高可用
Keepalived 安装 配置 Nginx 高可用 Keepalived 安装 yum install -y keepalived 配置文件位置 /etc/keepalived/keepalived.conf 配置nginx高可用 vi /etc/keepalived/keepalived.con ......
vue3学习基础之vue-router
我的vue3学习之路总是学学停停，最开始在18年开发微信小程序，就发现小程序和vue的语法有些相似，然后就去看了vue2的文档，随后忙其它的事情就丢下了。 直到22年又开始捡起来vue3，有了组合式api，语法简明很多，然后又不知道忙什么丢下。。。 前段有些空时间，就把vue3的学习整理下，使用vi ......
Nginx安装部署
如果没有gcc环境，需要安装gcc： yum install gcc-c++ 安装依赖 yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel # 进入文件夹 cd /usr/local #下载安装包 wget http ......
【源码系列#04】Vue3侦听器原理（Watch）
本章目标：侦听器watch是如何兼容ref、响应式对象和getter函数等不同数据源的？回调时机immediate是如何实现的？关于onCleanup，一个用于注册副作用清理的回调函数是如何实现的？ ......
Logstash：如何连接到带有 HTTPS 访问的集群
https://blog.csdn.net/UbuntuTouch/article/details/126868040 前段时间，有一个开发者在评论区问了一个问题：如何运用 Logstash 采集数据，并写入到带有 HTTPS 的 Elasticsearch 集群中。我们知道，在 Elasticse ......
【Vue】依赖追踪
在明白原理之前，我们有很多表面现象、使用场景需要记忆。明白了原理后，你会发现它们已经不需要记了，因为从原理出发，你自己都能把它们推导出来，一切是那么的自然而然。感觉就是：这还用记吗？很明显嘛！ 之前我对vue的响应式原理，只是一知半解，导致开发中经常会出现疑问，比如：为什么有的数据它不响应？模板中用 ......
minio集群的部署【nginx+minio]
1、 配置MinIO集群配置本地解析在/etc/hosts中配置 vim /etc/hosts #添加以下内容，每台MinIO节点都需要配置 192.168.5.1 minio-1 192.168.5.2 minio-2 192.168.5.3 minio-3 192.168.5.4 minio-4 ......
VUE3 + Three.js 坑
VUE3 + Three.js 坑 1. 问题描述 将scene、camera、renderer、controls等变量用reactive变成响应式时，页面渲染会报错: three.module.js?5a89:24471 Uncaught TypeError: 'get' on proxy: pr ......
lottie 动画在 vue 中的使用
前言 最近我所负责的项目中，我采用了动画效果，并开始使用 gif 来实现。然而，在实践过程中，我发现 gif 格式的动画在 git 中出现了明显的锯齿感，这让我非常困扰。为了追求更完美的表现效果，我最终选择了 lottie 来实现我的动画需求。我深知动画效果的呈现对于用户体验至关重要，因此我非常认真 ......
vue 浅解
Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。 vue有自己的语法， ......
nginx代理简单配置
1./html/web里的config.js可以配置医院名称和一些参数 2./conf里nginx.conf配置代理 3/nginx-service.xml配置 4/该目录下cmd创建服务 nginx-service.exe installnginx-service.exe start 相关命令：n ......
docker运行nginx实现TCP代理
1、安装docker和docker-compose 步骤略 2、任意目录创建docker-compose.yml文件 touch docker-compose.yml touch nginx.conf 3、修改docker-compose.yml 文件 version: '3' services: ......
在Ubuntu下部署nginx——nginx的安装与卸载
一、什么是nginx?Nginx（发音“engine-x”）是一款高性能的Web服务器和反向代理服务器，也是一款IMAP/POP3/SMTP代理服务器。Nginx的特点是占用内存少、并发能力强，采用了基于事件驱动的异步非阻塞处理方式，转发和代理性能优异，被广泛应用于高并发、分布式系统架构的Web服务 ......
vue3中toRefs用法
toRefs是Vue.js 3中的一个实用函数，用于将响应式对象转换为普通对象，其中每个属性都是一个ref对象。这在某些情况下很有用，特别是想要将一个包含多个响应式属性的对象传递给子组件时。 以下是toRefs的基本用法： import { reactive, toRefs } from 'vue' ......