https nginx vue
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 ......
边做笔试边查缺补漏——算法、js基础、vue3官方文档、八股文
边投简历边完善自己的知识库。 最近这些天一直在面试和笔试＋投简历中，每次面试或笔试完后其实最重要的不是结果，而是做题的过程或者说对话的过程。因为只有这些才让我知道自己哪里还有不足，比如一碰到算法题就歇菜、vue3和vue2混用、js基础知识不牢固等等。 那我痛定思痛，有缺点咱就认咯。算法——代码随想 ......
Vue3
1、ref和reactive 原来reactive是一个对象类型，使用reactive重新赋值一个对象不起作用 <script lang="ts" setup> import {reactive} from "vue"; let user = reactive({name: '小明', age: 1 ......
在arm架构的银河麒麟系统部署Nginx
以下是在arm架构的银河麒麟系统上部署Nginx的详细步骤： 1. 创建文件夹 首先，在合适的位置创建必要的文件夹。在本例中，我们将创建/opt/nginx和/usr/src/nginx两个文件夹。 mkdir /opt/nginx mkdir /usr/src/nginx 2. 准备Nginx及其 ......
nginx下的return的使用笔记
nginx下return的功能是重定向，下面是具体用法和注意事项 状态码 说明 请求方式 参数 代码 结果 200 正常请求，正常返回 GET、POST - 301 永久重定向 GET、POST - 301 永久重定向 GET a=1&b=2 参数可以继续传递到新地址 301 永久重定向 POST ......
vue3 静态配置文件
前言 有时候我们负责做的只是一个大平台系统下的某个子系统，有时候我们需要调用这个大平台系统下别的子系统的接口。 如果直接把别的接口地址，直接写在代码里，那么如果别的子系统的接口调整了，会影响到我们的系统，我们还要重新打包，部署，会很繁琐。 解决思路 我们的想法是这样： 敲代码的时候，如果要引用其他人 ......
Vite4+Typescript+Vue3+Pinia 从零搭建(7) - request封装
项目代码同步至码云 weiz-vue3-template 基于 axios 封装请求，支持多域名请求地址 安装 npm i axios 封装 utils 目录下新建 request 文件夹，并新建 index.ts、request.ts 和 status.ts 文件。 1. status.ts 文件 ......
nginx相关报错
# openresty -s reloadnginx: [warn] conflicting server name "community-gw.xxx.cn" on 0.0.0.0:80, ignorednginx: [warn] conflicting server name "apusai.c ......
Vue项目 移动端禁止页面放大缩小
Vue项目 移动端禁止页面放大缩小（在安卓上可以实现禁止放大缩小，但是ios就不行） // index.html 中添加 meta 标签 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-sca ......
Vue使用vue-simple-uploader上传文件夹
Vue使用vue-simple-uploader上传文件夹先睹为快1 点击上传“上传文件夹”按钮 2 选择文件夹 3 确定上传 4 上传进度 引入控件install npm install vue-simple-uploader --savemain.js配置 import uploader fro ......
Nginx 服务器的基本原理和配置指南
什么是 Nginx? Nginx (Engine X) 是一个轻量级的 Web 服务器 、反向代理服务器及电子邮件（IMAP/POP3）代理服务器、高性能的 HTTP 服务器，它以高稳定性、丰富的功能集、示例配置文件和低系统资源的消耗而闻名。 什么是反向代理？ 反向代理（Reverse Proxy） ......
nginx下的return、rewrite、proxy_pass的使用笔记
相信很多朋友都接触过nginx的重定向、重写、转发、代理功能，那么我们究竟应该用什么方式去实现呢，return，rewrite还是proxy_pass？真是一脸懵。。。 下面通过一个场景，来加深理解 场景 1、你通过浏览器和固定的链接经常访问一张“好看的图片”，有一天图片的维护者将它移动了位置（服务 ......
vue引入ts报找不到模块或其相应的类型声明
我出现这个的原因是我配置了‘@/’的路径别名配置，然后在引入ts报了这个问题。 主要原因为：在查找ts文件的时候，路径出现了问题。 解决方法（主要是第二点，第一点单纯记录了我配置的别名路径） 1.vite.config.ts进行了'@/'的别名配置 resolve: { // 路径别名配置 alia ......
VUE3学习基础之模板语法
我的vue3学习之路总是学学停停，最开始在18年开发微信小程序，就发现小程序和vue的语法有些相似，然后就去看了vue2的文档，随后忙其它的事情就丢下了。 直到22年又开始捡起来vue3，有了组合式api，语法简明很多，然后又不知道忙什么丢下。。。 前段有些空时间，就把vue3的学习整理下，使用vi ......
Vue上传文件夹的实现
一、上传文件夹基本流程 在Vue中，上传文件夹的基本流程如下： 1. 用户在页面中选择要上传的文件夹； 2. 将该文件夹中的所有文件进行遍历； 3. 将遍历出来的每个文件使用 formData 对象进行处理； 4. 把所有处理好的 formData 对象上传到服务器。 二、选择要上传的文件夹 在Vu ......
vue3学习笔记（四）
表单输入绑定 <!-- 文本 (Text) --> <input v-model="message" placeholder="edit me" /> <p>Message is: {{ message }}</p> <!-- 多行文本 (Textarea) --> <textarea v-mode ......
vue+element 表格formatter数据格式化并且插入html标签 ;
formatter的用法： 列表内容回显， orderStatus 0 是未处理， 1是已处理等，不能直接展示，所以需要 formatter <el-table-column label="订单状态" prop="orderStatus" :formatter="statusFormatter"> ......
图片上传 vue2+element 上传多个图片写法和常见问题1
data: results:接口返回是是[]； this.formList.result : '' ；是字符串 ， resultsList;[]； fileList:[]； 注： 因为后台需要接受字符， 上传文件又是 数组，所以需要自己 使用 split(',') ;join(' ,') 来切换数组 ......
Vue - 复制静态文件到 build的文件夹中
Vue - 复制静态文件到 build的文件夹中 环境：vue2 框架 前提：在根目录下放置了Dockerfile 文件，在build时需要自动复制到dist文件夹里面。 1. 安装 copy-webpack-plugin 插件 在vue.config.js中引入插件 const CopyWebpa ......
vue实现文件夹的上传
在前端开发中，文件上传是一个常见的需求。而有时候，我们需要一次上传整个文件夹，而不是单个文件。本文将介绍如何使用Vue框架来实现文件夹的上传。 步骤一：准备工作 首先，我们需要在Vue项目中安装一个文件上传插件。在这里，我们将使用vue-upload-component插件，它提供了丰富的上传功能， ......