vite cors true
springboot项目Mapper注入失败：@org.springframework.beans.factory.annotation.Autowired(required=true)
同事发给我一个项目，说启动时，报mapper无法注入，让我帮忙排查一下问题 记录一下我自己遇到这个问题的排查顺序 首先先排除以下问题： 1.mapper类是否加入到ioc容器中（有没有使用@Mapper标签），如果报错是service层，那就看看是不是没有添加server标签 2.检查项目是否扫描m ......
Vue3+TS+Vite中 vConsole 插件的使用
vConsole 一个轻量、可拓展、针对手机网页的前端开发者调试面板。 vConsole 是框架无关的，可以在 Vue、React 或其他任何框架中使用。 现在 vConsole 是微信小程序的官方调试工具。 https://gitee.com/Tencent/vConsole/ 平时在web应用开 ......
vite自动关闭端口号插件
关闭端口号插件 ❓：有时候我们需要强制将我们的端口号进行固定， 💡：我们在 server 中配置如下 server: { host: '127.0.0.1', port: 8000, strictPort: true, open: true, hmr: { overlay: false, }, / ......
jumpserver连接ecs实例报错：UNREACHABLE! => {"changed": false, "msg": "Failed to connect to the host via ssh: ssh_exchange_identification: Connection closed by remote host", "unreachable": true
报错分析思路： 1.是ssh密钥设置有没有对接 2.防火墙拦截问题 3.用户设置问题 4.sshd配置问题 问题解决： 无法与221.229.216.39端口35846进行协商：找不到匹配的主机密钥类型。他们提供的是：ssh-rsa、ssh-dss [preauth] 在sshd配置中加上ssh-r ......
Vue3+vite+Pinia+element-plus 换肤+国际化
先上效果： 一：换肤 1:用Pinia 小菠萝做状态管理。 2：根据自己需求写几套主题色（用于后面在html加载对应的主题颜色） 3: 自己写一个切换主题的页面 4：每次进入系统前去pinia里面获取上次选中的主题。如果已经设置 加载已设置过的 在src 下随便建个theme/index.ts 然后 ......
Vite Components插件
作用 Components 引于 unplugin-vue-components，用于解决vue文件内无需手动引入组件，减少import的调用 基本配置 在vite配置文件中，作为插件使用 import { defineConfig } from 'vite' import Components f ......
vue3 + vite + ts 配置 @ 别名
第一步 npm install @types/node -D 第二步 这是原 vite.config.ts文件 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // https://vitejs.dev ......
vue3+vite动态引入图片（import.meta.glob）
Vite官方提供的 import.meta.glob API。 这个方法一般用于批量引入js或者ts文件，但实际上这个方法就是 很多import语句的集合而已，import是可以引入图片的，所以import.meta.glob 也同样可以引入图片资源，只不过需要加入配置项 as:'url' 就可以了 ......
Vite项目中静态资源 动态路径处理（Vite打包后无法显示静态资源）
适用场景： img标签是通过v-for动态指定src路径的，本地可以正常显示，一旦打包之后就无法在线上显示了。 Bug原因： Vite打包只会处理静态src路径，动态src路径只会原样保留。 <!-- 静态src会被处理为正确地址 --> <img src="@/assets/xx.png" /> ......
.net C# System.Text.Json 如何将 string类型的“true”转换为布尔值 解决方案
直接上解决方法的代码 先定义一个转换顺，代码如下： public sealed class AnhBoolConverter : JsonConverter<bool?> { public override bool? Read(ref Utf8JsonReader reader, Type typ ......
Vite4+Typescript+Vue3+Pinia 从零搭建(7) - request封装
项目代码同步至码云 weiz-vue3-template 基于 axios 封装请求，支持多域名请求地址 安装 npm i axios 封装 utils 目录下新建 request 文件夹，并新建 index.ts、request.ts 和 status.ts 文件。 1. status.ts 文件 ......
Java中“100==100”为true，而"1000==1000"为false？
前言 今天跟大家聊一个有趣的话题，在Java中两个Integer对象做比较时，会产生意想不到的结果。 例如： Integer a = 100; Integer b = 100; System.out.println(a==b); 其运行结果是：true。 而如果改成下面这样： Integer a = ......
vue3.0+vite问题汇总
1、找不到模块“vite”。你的意思是要将 "moduleResolution" 选项设置为 "node"，还是要将别名添加到 "paths" 选项中 解决方法（tsconfig.json添加如下代码，添加之后重启；重启之后如果仍然有问题，可能是编辑器版本比较旧，升级编辑器版本，我从vscode v ......
boost beast http::read 一直阻塞不返回,问题解决, 使用parser对象的skip(true) 来解决
用beast 作为客户端发送http请求后读web服务端返回的数据，遇到了http::read 或http::async_read一直阻塞着，不返回，直到连接过期后被强制网络断开后read函数才返回。 看了官方文档，文档里这么描述的，read要一直等到end_of_stream时才回退出阻塞状态。也 ......
vue3+vite+js中二次封装axios
一、安装axios npm i axios 二、文件结构 涉及到的文件： utils/request.sj api/index.js（可以根据不同页面在api文件下新建不同文件夹，方便管理） vite.config.js 三、request.js 对axios进行简单的二次封装 import axi ......
vite引入assets图片，用于生产环境
getUrlByCode(code) { const path = `../../assets/images/device/${code}.png`; const modules = import.meta.glob("../../assets/images/device/*",{eager:tru ......
vite 打包正式环境报错 require is not defined
本质原因是因为浏览器不识别commonJS的语法，需要通过插件做转换 解决方法: 方法1:项目代码中使用了require语法，使用这个插件便可以转换 npm i vite-plugin-commonjs -S // vite.config.js import requireTransform fro ......
Spring CSP & Cors: Content Security Policy with Spring Security | Enabling Cross Origin Requests for a RESTful Web Service
* [Spring Security 配置 Content Security Policy（CSP） - spring 中文网](https://springdoc.cn/spring-security-csp/)* [Getting Started | Enabling Cross Origin ......
chrome edge CORS 允许跨域
edge: edge://flags/#block-insecure-private-network-requests chrome: 在谷歌浏览器地址栏输入“chrome://flags/#allow-insecure-private-network-requests”，然后将“Allow ins ......
Vite原理
当前工程化的痛点 在浏览器支持ES Module之前，JavaScript并没有提供原生机制让开发者以模块化的方式进行开发。这也是打包工具诞生的原因：使用工具抓取，处理并将源码模块串联成可以在浏览器中运行的文件。 虽然现在有webpack，Rollup等工具，极大地改善了前端开发者的体验。但是当构建 ......
vite编译为什么会报错“__vite-browser-external:node:path、fs、url...”
当你在使用 Vite 打包时，遇到类似于 `__vite-browser-external` 的错误消息，通常是因为在代码中尝试导入浏览器不支持的模块。 `__vite-browser-external` 是 Vite 内部的一个机制，用于替换浏览器环境中无法直接访问的 Node.js 核心模块。例 ......
NestJs系列之使用Vite搭建项目
介绍 在使用nest创建项目时,默认使用webpack进行打包,有时候启动项目需要1-2分钟。所以希望采用vite进行快速启动项目进行开发。 本文主要使用NestJs、Vite和swc进行配置。文章实操较多，概念性的东西可访问对应的官方文档进行了解。tips: 个人认为概念性的东西,在文章中指出。对 ......
Vite + Vue配置路径别名@代替 ./src
1.在 vite.config.js 引用 import {resolve} from 'path' 2.添加标黄的 export default defineConfig({ resolve:{ alias:{ "@":resolve(__dirname,"./src") } } }) 3.有图看 ......
vite5报错Uncaught ReferenceError: require is not defined的代替方案
const files = import.meta.glob('./*.js',{eager:true}) //会得到一个对象 注意引入路径里绝对不能带有变量，会报错 //{eager:true}是定义是否同步引入的参数，去掉会得到几个异步函数，根据自己的需求写就行了 console.log(fil ......
electron-vite导出多个preload
在electron-vite创建项目的时候，src目录下会建立三个目录 第一个是主进程文件，第二个是预渲染进程文件，第三个是渲染进程文件 对于preload，默认的是导出下面的index.ts到out/preload下面，但是如果我们想导出多个preload，应该怎么设置？ 在electron.vi ......
vue3 vite.config.ts 如何增加构建时间，并展示在index.html里面
首先需要安装vite-plugin-html插件 在vite.config.ts文件中增加如下代码： plugins: [ createHtmlPlugin({ minify: true, pages: [ { template: 'index.html', filename: 'index.htm ......
CORS漏洞复现
cors概述 发生跨域资源共享,web应用程序通过在http增加字段来告诉浏览器,哪些不同来源的服务器是有权访问本站资源的,当不同域的请求发生时,就出现了跨域的现象 cors漏洞原理 cors请求分为两类,简单请求与非简单请求. 简单请求: 请求方式为GET,POST,HEAD三种之一 http头不 ......
ant 想在一个target里根据参数是不是为true 去决定是否调用另一个target
我起初是想解决同一个tomcat下运行两个相同项目的问题，这个需要web.xml里的webAppRootKey进行区分。一个为webApp.root,另一个则改为xxx.root 但是需要在编译前就改为，否则运行报错 <target name="init" depends="clean" descr ......
如何从Webpack迁移到Vite
本文将介绍如何将前端web应用程序从 Webpack 升级到 Vite。 Vite 是最新的前端开发工具，其受欢迎程度和采用率都在大幅增长。可以查看下图中来自 npm trends 的下载。 推动这一趋势的是 Vite 核心的一个关键概念：开发人员体验。与 Webpack 相比，Vite 在开发过程 ......