简要netcore nginx vue

vue3.0+vite问题汇总

1、找不到模块“vite”。你的意思是要将 "moduleResolution" 选项设置为 "node",还是要将别名添加到 "paths" 选项中 解决方法(tsconfig.json添加如下代码,添加之后重启;重启之后如果仍然有问题,可能是编辑器版本比较旧,升级编辑器版本,我从vscode v ......
问题 vue3 vite vue

vue3.0基础

1. setup函数 vue单页面使用到的变量和方法都定义在setup函数中,return后才能被页面引用 export default { setup(){ const name = '张三' const person = {name,age:30} function goWork(){ cons ......
基础 vue3 vue

nginx日志切割脚本

#!/bin/bash # utf-8 # description: nginx滚动切割脚本,按照500M进行滚动切割 # log_directory="/export/servers/nginx/logs" # 日志文件目录 max_size=500 # 日志文件的最大大小,单位为MB log_a ......
脚本 nginx 日志

vue3使用cesium

1、安装vite-plugin-cesium: npm i -D vite-plugin-cesium 2、 安装cesium: npm i -S cesium 3、vite.config.js中配置如下: import cesium from 'vite-plugin-cesium' plugin ......
cesium vue3 vue

Nginx中负载均衡配置

Nginx的负载均衡模块目前支持4种调度算法,下面分别进行介绍 其中后两项属于第三方的调度方法。 轮询(默认),每个请求按时间顺序逐一分配到不同的后端服务器,如果后端某台服务器死机,故障系统被自动剔除,使用户访问不受影响。 Weight,指定轮询权值,Weight值越大,分配到的访问机率越高,主要用 ......
Nginx

Nginx中虚拟主机配置

虚拟主机功能是Nginx经常用到的一个特性,每个虚拟主机就是一个独立的站点,对应一个域名,如果需要多个域名指向到一个IP上时,通过虚拟主机功能可以轻松实现。 下面在Nginx中创建三个虚拟主机,需要说明的是,这里仅仅列出了虚拟主机配置部分。 http{ server { listen 80; ser ......
虚拟主机 主机 Nginx

Nginx中URL重写功能以及内置变量

1、Nginx内置变量 常见的内置变量有如下几种: $args,此变量与请求行中的参数相等 $query_string,此变量与$args含义一致。 $document_root,此变量等同于当前请求的root指令指定的值 $uri,表示不带请求参数的当前URL,$uri不包含主机名。如http:/ ......
变量 功能 Nginx URL

Vue 过渡 & 动画

在 Vue 的过渡效果中,.enter-active、.leave-active、.enter 和 .leave-to 是一些预定义的 CSS 类名,用于控制过渡的不同阶段。 .enter-active:表示进入过渡的活动状态。在元素插入到 DOM 中时添加,然后在过渡结束时移除。通过设置此类的样式 ......
动画 Vue amp

Vue的生命周期

Vue的生命周期 vue的生命周期,主要经历了如下几个阶段,分别是 beforeCreate,created,beforeMount,mounted,beforeUpdate,update,beforeDestroy,destroy ,主要由这四对八个组成 主要分为四个流程,创建流程,挂载流程,更新 ......
周期 生命 Vue

Nginx反向代理

1、Nginx中location应用实例 location主要用于对URL进行匹配。 location支持正则表达式匹配,也支持条件判断匹配。 以下这段设置是通过location指令来对网页URL进行分析处理,所有扩展名以.gif、.jpg、.jpeg、.png、.bmp、.swf结尾的静态文件都在 ......
Nginx

vue3 相关知识汇总

1 组合式api 和选项式api 1.1 概念 选项式api:用包含多个选项的对象来描述组件的逻辑。 组合式api:组合式api使用导入的API函数来描述组件逻辑。组合式API通常会与<script setup>搭配使用。 1.2 应用场景 选项式api: 不需要使用构建工具 或者低复杂度的场景, ......
知识 vue3 vue

nginx监控

1.监控nginx链接数状态status # 1.开启status页面功能 cat > /etc/nginx/conf.d/status.conf <<'EOF' server{ listen 80; server_name localhost; location /nginx_status { s ......
nginx

Nginx的管理与维护

1、检查Nginx配置文件的正确性 Nginx提供的配置文件调试功能非常有用,可以快速定位配置文件存在的问题。执行如下命令检测配置文件的正确性: /usr/local/nginx/sbin/nginx -t 或者 /usr/local/nginx/sbin/nginx -t -c /usr/loca ......
Nginx

给已安装的nginx动态添加模块

以添加echo-nginx-module模块为例 查看现有nginx的编译参数 $ nginx -V nginx version: nginx/1.20.2 built by gcc 4.8.5 20150623 (Red Hat 4.8.5-44) (GCC) built with OpenSSL ......
模块 动态 nginx

nginx 配置mp4文件播放

nginx 配置mp4文件播放 ​ 由于工作需要一个离线的视频播放地址,就想简单一点直接把视频文件放到nginx里面实现视频播放,但是把mp4文件放上去之后地址栏输入地址直接就是下载文件,这跟我想象的可不一样,遂查了一下原来是需要安装mp4模块支持,因为我之前编译之后把文件删掉了,我就重新下载了ng ......
文件 nginx mp4 mp

Nginx的配置与启动

配置文件 $ cat conf/nginx.conf #设置用户 user nginx; #工作线程 worker_processes auto; #error_log logs/error.log; #设置日志级别 error_log logs/error.log notice; #error_l ......
Nginx

Nginx中alias和root的区别

location /i { #www.a.com/i/123.gif alias /var/www/html/images/; #/var/www/html/images/123.gif } 在这个location段配置中,如果url请求 /i/logo.gif,那么Nginx将会在服务器上查找 / ......
Nginx alias root

mamp nginx thinkphp5 配置方法

thinkphp5的 nginx 配置,官方文档参考: http://static.kancloud.cn/manual/thinkphp5/177576 fastadmin的 nginx 配置,官方文档参考:https://doc.fastadmin.net/doc/faq.html server ......
thinkphp5 thinkphp 方法 nginx mamp

Nginx配置文件解读

Nginx安装完毕后,会产生相应的安装目录,根据前面的安装路径,Nginx的配置文件路径为 /usr/local/nginx/conf 其中 nginx.conf 为Nginx的主配置文件 这里重点介绍下 nginx.conf 这个配置文件。 Nginx配置文件默认有五个部分组成:分别是main、e ......
文件 Nginx

安装nginx

Nginx版本分为主线版、稳定版和历史版本 在官方网站中 Mainline version表示目前主力在做的版本,可以说是开发版,开发版更新速度较快,从官网上看大约一个月更新1-2次 Stable version表示最新稳定版,也就是生产环境上建议使用的版本 Legacy versions表示遗留的 ......
nginx

modSecurity nginx waf

OSI(开放系统互联) 是最常被网络相关讨论引用的网络流量框架之一。当数据包通过第 6 层(表示层)移动到第 7 层(应用层)时,它会进行解密或解码操作。这些操作可能会因异常解码和解释而产生漏洞,而这些漏洞可能被利用来打破标准应用上下文。注入就是这种漏洞的一种类型,而且因为传统的 IDS/IPS 设 ......
modSecurity nginx waf

docker安装nginx

下载nginx镜像 docker pull nginx:1.24.0 简易启动nginx docker run -p 81:80 -d --name simple-nginx nginx:1.24.0 创建本地挂载文件夹 #创建四个文件夹conf,log,html,conf.d mkdir -p / ......
docker nginx

linux安装nginx

安装依赖 //一键安装四个依赖环境 yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel 上传压缩包并解压 上传nginx压缩包到/usr/local/nginx目录下 tar xvf nginx-1.24.0.tar ......
linux nginx

vue-element-ui 日期选择器 前后端联调

前端: <el-col :span="8"> <div class="block"> <el-col :span="4">交接日期</el-col> <el-col :span="1"></el-col> <el-col :span="16"> <el-date-picker style="widt ......
vue-element-ui 日期 element vue ui

nginx+lua+redis实现灰度发布

授人以鱼不如授人以渔.先学会用,在学原理,在学创造,可能一辈子用不到这种能力,但是不能不具备这种能力。这篇文章主要是沉淀使用nginx+lua+redis实现灰度,当我们具备了这种能力,随时可以基于这种能力和思想调整实现方案:比如nginx+lua+(其他数据源)、nginx+(其他脚本语言) ......
灰度 nginx redis lua

vue3中的样式为什么加上scoped不生效

<style>标签添加scoped属性时,Vue会自动为该组件内的所有元素添加一个独特的数据属性,例如data-v-f3f3eg9。同时,它也会修改你的CSS选择器,使得它们只匹配带有这个独特数据属性的元素。这样做的目的是为了确保样式只应用于当前组件内的元素,避免影响到其他组件。 然而,当你尝试覆盖 ......
样式 scoped vue3 vue

基于.NetCore开发博客项目 StarBlog - (30) 实现评论系统

前言 时隔五个月,终于又来更新 StarBlog 系列了~ 这次是呼声很大的评论系统。 由于涉及的代码量比较大,所以本文不会贴出所有代码,只介绍关键逻辑,具体代码请同学们自行查看 GitHub 仓库。 博客前台以及后端涉及的代码主要在以下文件: StarBlog.Web/Services/Comme ......
StarBlog NetCore 项目 系统 博客

Mac Vue-cli脚手架搭建

安装node环境 官网地址:http://nodejs.cn/download/ 我选择版本:v16.16.0 修改npm镜像地址 # 查看镜像地址 npm config get registry # 设置镜像地址 npm config set registry https://registry.n ......
脚手架 Vue-cli Mac Vue cli

Nginx的安装

文章目录 1、Linux 安装 Nginx (1)安装 Nginx 依赖 (2)安装 Nginx 2、阿里云配置安全组 (1)开放80端口 3、Nginx 配置开机启动 (1)开机启动 微信公众号 1、Linux 安装 Nginx (1)安装 Nginx 依赖 1、GCC,nginx是C语言开发 y ......
Nginx

ruoyi-vue-activiti执行npm i出现node-sass报错

解决方法:把ruoyi-ui下面的package.json里对应的这两项,改成如下图所示的版本,再次执行npm install && npm run dev就可以了 参考资料: https://blog.csdn.net/qq_40095911/article/details/119253908 ......