简要netcore nginx vue
vue2 混入 (mixin) 带来的小惊喜
最近在review自己写的代码时发现，在很多的地方都用了以下的代码块 1 async initCode() { 2 const resSource = await this.$API.syscode.list.get({ 3 typeCode: "source", 4 type: 3, 5 }); ......
vue-cli如何正确设置publicPath保证打包部署后静态资源路径正确的问题
vue-cli如何正确设置publicPath保证打包部署后静态资源路径正确的问题：<a/ target="__blank" href="https://blog.csdn.net/qq_42991509/article/details/119023191?utm_medium=distribute ......
uniapp项目迁移至vue cli
目录相关资源注意事项安装vue cli使用uni-preset-vue模板创建uniapp拷贝文件安装依赖main.jsuni.scsspages.jsonvue.config.jshttp请求/响应拦截器H5跨域配置运行与发布 相关资源 uni-preset-vue 源码 uniapp 官网 uV ......
vue实现文件上传，前后端
前端封装el-upload组件，父组件传值dialogVisible（用于显示el-dialog），子组件接收，并且关闭的时候返回一个值（用于隐藏el-dialog）,最多上传五个文件，文件格式为.jpg\pdf\png <template> <div> <el-dialog width="30%" ......
# vue 使用 html2canvas 截取图片保存
vue 使用 html2canvas 截取图片保存 好久没有写博文了，写够了，没啥想写的了，这个号算是废了，哎，气人啊！越来越胖，越来越懒了。 html2canvas 简介 html2canvas是一个JavaScript库，它可以将HTML元素转换为Canvas元素。具体来说，它可以将整个页面或特 ......
vue封装上传图片
一。在components下新建 upLoadImg / index.js <template> <div> <el-upload class="avatar-uploader" action="111" :show-file-list="false" :auto-upload="false" :o ......
nginx下的proxy_pass使用
之前的文章说到了，return，rewrite的使用，以及它们的使用场景，今天再来说一种代理的使用，proxy_pass，它属于nginx下的ngx_http_proxy_module模块，没有显示的重定向（看不到30x的重定向），客户端是不知道的，是服务器内部进行转发的 浏览器访问地址：http: ......
vue上传图片到指定文件夹
vue代码<template> <div class="app-container"> <div class="wenben"> <el-upload :disabled="dis==0?true:false" class="upload-demo" :action="uploadUrl" :on- ......
docker 部署 es + nginx
ES 安装 elasticsearch.yml cluster.name: "docker-cluster" node.name: "node-1" network.host: 0.0.0.0 discovery.seed_hosts: ["127.0.0.1"] cluster.initial_m ......
vue3+vite动态引入图片（import.meta.glob）
Vite官方提供的 import.meta.glob API。 这个方法一般用于批量引入js或者ts文件，但实际上这个方法就是 很多import语句的集合而已，import是可以引入图片的，所以import.meta.glob 也同样可以引入图片资源，只不过需要加入配置项 as:'url' 就可以了 ......
nginx下的return，rewrite重定向功能使用场景
nginx下的return，rewrite虽然好用，而且功能强大，但是也有它的局限，我们一起来看看 return和rewrite都可以实现重定向的功能，但是不同的场景下，它们的表现是不一样的，直接上列子： 1、浏览器访问：http://m.9000.local/index/get，执行代码如下： $ ......
Vue模版（主要对axios进行了封装）
Vue模版 一、优势： vue-router（包含前后置路由守卫） axios的多次封装，aixos集中管理 html、js、css、vue文件的代码规范化 引入elementui 二、环境 Node20可正常运行 三、使用方法 1.安装依赖 npm install 2.运行脚手架 npm run ......
vue中下载--后端返回的文档流
实现后端返回的文档流，点击下载 <div class="prom-add" @click="downLoad"><i class="el-icon-download"></i>下载</div> import request from '@/router/axios' //下载 async downL ......
vue 超链接 a标签 router-link
router-link https://blog.csdn.net/lixinyi0622/article/details/107206218/ https://blog.51cto.com/u_15082403/4634663 ......
vue上传文件夹
方法1：jq import $ from 'jquery' <form id="frm-reg" :action="actionUrl"//上传地址 method="post" webkitdirectory accept="multipart/form-data" enctype="multipa ......
nginx配置本地域名地址
打开nginx.conf文件，修改server_name中的localhost为域名 访问本地电脑路径，C:\Windows\System32\drivers\etc，修改hosts文件。一般是没有修改权限的，还要如下操作 ......
Vue中动态（import 、require）显示img图片
vue中，经常会遇到显示图片的问题， 如果是一个普通组件的话，那么这样就可以了 <img src="../assets/images/avtor.jpg" width="100%"> 上文的弊端有两个： 首先，是采用绝对路径引入。如果以后图片移动了位置，需要修改代码。 其次，如果说图片是一个logo ......
Vue项目引入图片的两种场景和三种方式
场景一：public目录下的图片 public目录 public目录下的图片引入方式： Bash <!--'/images/'+图片名称，这种属于绝对路径，/指向public目录 --> <img src="/images/image.png"> 场景二：在src目录下的图片 src目录 通过imp ......
nginx配置https
Nginx配置HTTPS服务器需要先准备好SSL证书并上传到云服务器中，这里用到的主要是.crt证书文件和.key私钥文件。 Nginx配置中，需要给server的listen指令添加ssl参数（监听443端口），表示该端口下接受的所有连接都应工作于SSL模式。以及设置ssl_certificate ......
nginx配置只能查看图片
1.在图片所在的目录下创建一个名为.htaccess’的隐藏文件，该文件用于设置禁止下载 2.在.htaccess文件中添加以下配置: SetHandler default-handler Options-Indexes 这样设置后，用户就无法通过点击链接或使用下载工具下载图片了 接下来，在 ngi ......
nginx中conf文件简介
#配置文件存在的目录 /usr/local/nginx/conf 下 #1、全局块 #从配置文件开始到 events 块之间的内容，主要会设置一些影响 nginx 服务器整体运行的配置指令，主要包括配 #置运行 Nginx 服务器的用户（组）、允许生成的 worker process 数，进程 PI ......
nginx重定向配置
location / { return 404; #直接返回状态码 } location / { return 404 "pages not found"; #返回状态码 + 一段文本 } location / { return 302 /blog ; #返回状态码 + 重定向地址 } locati ......
nginx配置Gzip压缩
gzip_types #压缩的文件类型 text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript gzip on ......
nginx解决跨域问题
跨域的定义 同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。通常不允许不同源间的读操作。 同源的定义 如果两个页面的协议，端口（如果有指定）和域名都相同，则两个页面具有相同的源。 nginx解决跨域的原理 例如： 前端server ......
nginx文件配置
根据文件类型设置过期时间 location ~.*\.css$ { expires 1d; break; } location ~.*\.js$ { expires 1d; break; } location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ { access_lo ......
Nginx的流式响应配置
Nginx的流式响应（streaming response）是指在Nginx作为反向代理服务器时，将响应内容一边接收，一边逐步发送给客户端的过程。这种响应方式可以提高用户体验和网络传输效率，常用于处理较大的响应内容。在默认情况下，Nginx是通过缓存响应内容来处理请求的。也就是说，当Nginx接收到 ......
Nginx配置多个域名的80端口访问
Nginx是一个高性能的Web服务器和反向代理服务器，具有灵活的配置选项。它可以通过多个域名配置80端口，以实现多个网站的访问。首先，需要在Nginx的配置文件中定义多个域名，并将它们指向同一个IP地址。以下是一个示例的Nginx配置文件（/etc/nginx/nginx.conf）： http { ......
nginx流量控制
一、什么是流量限制流量限制是指对服务器的输入/输出流量进行控制和管理。通过限制流量，可以有效地保护服务器资源，防止恶意用户或者过度使用者对服务器造成过大负载，从而提高服务器的稳定性和性能。1.常见的流量限制方式包括：1. 基于IP地址的限制：对某个IP地址的访问进行限制，例如限制每个IP地址每秒最多 ......
vue vue3 jsx tsx
0. 安装插件（@vitejs/plugin-vue-jsx） vite官方提供了官方的插件来支持在vue3中使用jsx/tsx，直接安装就行。 yarn add @vitejs/plugin-vue-jsx -D 安装完之后在vite.config.ts中插入一下代码 import vueJsx ......