情况 项目nginx vue3
uniapp项目实践总结(五)自定义底部导航栏
> 在底部导航栏这个模块，很多时候默认的样式不符合我们的设计规范和需求，因此需要自定义底部导航栏，这样可以满足我们的需求，也可以更加个性化，增加用户体验，下面就介绍如何自定义底部导航栏。 ## 目录 - 准备导航素材 - 配置页面导航 - 自定义导航栏 ## 准备导航素材 要自定义底部导航栏，我们需 ......
uniapp项目实践总结(四)安装和使用一个插件市场的插件
> 这篇文章主要介绍如何安装和使用一个插件市场的插件的方法。 ## 目录 - 查找插件 - 安装插件 - 使用插件 ## 查找插件 打开插件市场：[https://ext.dcloud.net.cn/](https://ext.dcloud.net.cn/) 例如我们项目中要用到富文本渲染的内容，可 ......
Nginx优化
[TOC] ```bash [root@localhost ~]#cd /opt/ [root@localhost opt]#ls nginx-1.18.0 nginx-1.18.0.tar.gz [root@localhost opt]#date +%F 2023-08-28 [root@loca ......
Element Plus 配置自动按需引入后，组件样式不自动导入的一种情况
步骤： 1、按照官网文档配置按需自动导入 https://element-plus.org/zh-CN/guide/quickstart.html#%E6%8C%89%E9%9C%80%E5%AF%BC%E5%85%A5 2、在.vue单文件组件中手动引入了组件 3、结果：组件样式就不自动导入了 4 ......
vue3封装筛选项
### 背景 #### 项目开发中遇到筛选项，并且几个页面都有使用，依次写，太过于繁琐 ### 筛选项解构如下  ......
从零开始一个vue3前端项目day02-vite配置篇
完成了路由的配置，就准备进行页面开发等了 ，与此同时我们也要对所使用到的组件库进行一个引入和配置 本次项目采用element-plus组件库全局导入肯定是不可取的，推荐参照官网的按需自动引入 然后就是导入文件路径配置 在项目中我们想import文件使用.././这种方式引入非常麻烦，所以我们可以配置 ......
Linux基础37 负载均衡, 产品与类型, 时间, nginx调度算法, nginx负载均衡状态
Nginx负载均衡 #注意：代理只能代理一台机器 nginx做代理，一个location可以做一个代理 1.为什么做负载均衡 当我们的Web服务器直接面向用户，往往要承载大量并发请求，单台服务器难以负荷，我使用多台Web服务器组成集群，前端使用Nginx负载均衡，将请求分散的达到我们后端服务器集群中 ......
phpstudy nginx 开启还是提示无法访问此网站 排查过程
背景，win7的电脑，安装有vmware ，后面因为需要php5.6版本，而且需要安装一些php扩展，还是使用phpstudy比较方便，于是安装了phpstudy, 但是在phpstudy配置最简单的站点，都连静态html都无法访问见图 nginx日志也是空的 怀疑是哪个程序占用了80端口，于是打开 ......
从零开始一个vue3前端项目day02-路由配置
把整体项目框架搭建好之后，首先就是对我们的路由进行配置 模块化配置路由，不同页面的路由配置单独放在文件里 config文件用来放路由守卫配置 这里来说一下路由守卫的作用， https://router.vuejs.org/zh/guide/advanced/navigation-guards.htm ......
未来芯片设计领域的药明康德——青芯如何在N个项目间游走平衡
总部位于上海张江的青芯半导体（CyanSemi），ASIC定制设计是其核心业务之一。 青芯在单纯的设计服务维度之上，打造了从设计到生产的一套完整ASIC定制业务，不仅做芯片设计，还提供封装、测试服务，也包括生产端的验厂和品控等环节，甚至能根据供应链和制造端的实际情况来反向调整和优化芯片设计阶段的工作 ......
Flask可视化-Nginx配置
#1 背景 使用nginx进行路由配置时，如果新增的路由始终无法访问，则需要考虑nginx中是否进行了配置 # 检查方法 1.编辑Nginx配置文件： `vim /etc/nginx/sites-available/defaultlt ` 2.在配置文件中找到类似于以下的位置块： `location ......
vue3 甘特图（一）：选择与初始化甘特图
vue3 甘特图（一） 1.功能使用背景： 甘特图是一种项目管理工具，以图形直观的方式显示项目的时间轴和任务计划 2.vue3 初始化甘特图 gantt 2.1 下载安装 dhtmlx-gantt 依赖包 npm install dhtmlx-gantt -save 2.2 引入插件 import ......
NGINX安全加固手册
NGINX安全加固手册 原创 weishaoiiq 学无尽止 2021-01-09 09:30 NIGNX系统安全 基线规范 1.概述 1.1 适用范围 本配置标准的使用者包括：各事业部服务器负责人。各事业部服务器负责人按规范要求进行认证、日志、协议、补丁升级、文件系统管理等方面的安全配置要求。对系 ......
node、npm版本升级，同时解决升级后vue项目运行报错
升级node和npm 1、首先，需要确定当前安装的Node.js的版本。可以通过在命令行中运行以下命令来查看： node -v 2、如果当前版本较旧，可以考虑升级到最新版本。可以访问Node.js官方网站（https://nodejs.org/）下载最新的Node.js安装包。 不想下载最新的版本， ......
windows下查看端口的使用情况并杀死对于端口
首先使用win + r 输入cmd 然后输入:netstat -aon|findstr “端口号” 查看端口的运行情况 如netstat -aon|findstr "8080" 最后输入：taskkill /pid "进程号" /f 杀死对应的进程 如：taskkill /pid 14044 /f ......
vue3中使用swiper的完整版教程
在 vue3 中使用 swiper, 实现轮播图的效果；如果组件样式等模块引入不当，很有可能导致，页面无效果；或者想要的箭头或者切换效果异常问题。 使用命令 npm install swiper 安装 swiper插件； 在main.js里使用样式文件，如下所示： 注意需要安装：npm instal ......
Nginx日志
> ## 网页卡顿问题排查思路 > >  > > > ## nginx.conf访客日志 > > ``` ......
Nginx实战配置https
> # 一、nginx实战配置https > > ## 1.获取证书（阿里云申请、自建） > > ``` > 1.可以去阿里云申请免费单域名证书，下载使用 > 部署文档 > https://help.aliyun.com/document_detail/98728.html?spm=5176.b65 ......
Nginx内置变量
> ## Nginx内置变量 > > 官网：https://nginx.org/en/docs/varindex.html > > ``` > $args #请求中的参数值 > $query_string #同 $args > $arg_NAME #GET请求中NAME的值 > $is_args # ......
Nginx高级配置
> ## 条件符号 > > | 符号 | 作用 | > | | | > | = | 比较变量、字符串是否相等，相等为true、不等则为false | > | != | 比较变量、字符串是否不相等，不相等为true、相等为false | > | ~ | 区分大小写的正则匹配，匹配上为true，否则为f ......
Nginx代理转发
## 1、nginx如何实现正向代理、反向代理 ``` 1. 正向代理，单纯的proxy_pass，转发给另一个机器，就是正向代理。 正向代理是proxy代理【多个】client 2. 反向代理，只要是结合着负载均衡的，就是反向代理，也就是使用proxy_pass加上upstream参数 反向代理是 ......
Nginx配置
> ## nginx配置文件 > > ``` > #user nginx; #通过ps -ef |grep nginx 查看到的用户就是这里配置的 > worker_processes 1; #子进程数量，一般调整为cpu的核数或者倍数 > > #error_log logs/error.log; ......
Airbnb 爱彼迎 visx 项目介绍
Airbnb 爱彼迎 visx 项目介绍 Airbnb爱彼迎技术团队 家在四方 150 人赞同了该文章 历经四年的研发，三年爱彼迎生产环境的实战，在使用 Typescript 重新编写之后，我们的 Airbnb 爱彼迎 visx 已经迭代到v1.6.1版本！ 今天，我们想围绕 React 底层可视化 ......
使用容器运行Nginx应用及Docker命令
一、使用容器运行Nginx应用 1.1 使用docker run命令运行Nginx应用 1.1.1 观察下载容器镜像过程 查找本地容器镜像文件 执行命令过程一：下载容器镜像 # docker run -d nginx:latest Unable to find image 'nginx:latest ......
使用SpringBootAdmin监控项目基本状态
一、概述 当项目上线以后，开发/运维人员想要快速了解项目运行的健康状态。此时要怎么办，可以敲命令行查看服务器以及项目状态，单这样做太过于繁琐，且不够一目了然。有没有好心人帮我们把这块简化并且有可视化界面呢。答案当然是肯定的。那就是社区给出的开源插件SpringBootAdmin。非常简单，只需要两三 ......
Vue3 使用重点记录
节选于教程: Vue3 入门指南与实战案例 1.响应式API 1.1 ref Ref 对象的值的读取，切记！必须通过 .value 例子: // 读取一个字符串 const msg: string = 'Hello World!' console.log(msg) // 读取一个数组 const u ......
vue项目切换语言方法
随便打开一个网页 右键 - 审查元素 粘贴入以下代码： var head= document.getElementsByTagName('head')[0]; var script= document.createElement('script'); script.type= 'text/javas ......
f命令查看硬盘占用情况详解(df -h、df命令显示列信息解释)
linux中df命令查看硬盘占用情况详解(df -h、df命令显示列信息解释) 原创 李德荣 EDA运维 2023-08-29 19:05 发表于上海 收录于合集 #linux系统10个 #CentOS12个 #软件26个 #服务器32个 在windows系统中，我们可以很容易的查看磁盘的使用情况， ......
Nginx如何在线升级
Nginx如何在线升级 原创 宫关 运维DevOps 2023-08-10 06:00 发表于广东 收录于合集#nginx10个 Nginx根据安装方式不同，升级方式也不同，一般有三种： yum方式安装，通过yum升级，不停机升级 编译方式安装，通过编译方式升级，不停机升级 容器方式安装，启动新容器 ......