vite cors true

09-序列化器的 many=True 实现原理

入门知识 上面说明了,解释器会先执行 new 方法,再执行 init方法 下面说明了,如果new返回的空对象不是当前init对应的类型,就不会执行init。 序列化器 many=True 的简化版 可以看到 many_init 方法返回的是 Alist的空对象,而不是 A 的空对象,因此,没有 A ......
序列 原理 many True 09

Vue3+Vite+ElementPlus管理系统常见问题

本文本记录了使用 Vue3+Vite+ElementPlus 从0开始搭建一个前端工程会面临的常见问题,没有技术深度,但全都是解决实际问题的干货,可以当作是问题手册以备后用。本人日常工作偏后端开发,因此,文中的一些前端术语描述可能不严谨,敬请谅解。重点是:这里记录的解决方案都是行之有效果的,拿来即可 ......

Vue3+Vite+ElementPlus管理系统常见问题

本文本记录了使用 Vue3+Vite+ElementPlus 从0开始搭建一个前端工程会面临的常见问题,没有技术深度,但全都是解决实际问题的干货,可以当作是问题手册以备后用。本人日常工作偏后端开发,因此,文中的一些前端术语描述可能不严谨,敬请谅解。重点是:这里记录的解决方案都是行之有效果的,拿来即可 ......

Vite4+Typescript+Vue3+Pinia 从零搭建(6) - 状态管理pina

项目代码同步至码云 weiz-vue3-template pina 是 vue3 官方推荐的状态管理库,由 Vue 核心团队维护,旨在替代 vuex。pina 的更多介绍,可从 pina官网 查看 特点 更简洁直接的 API,提供组合式风格的 API 支持模块热更新和服务端渲染 对TS支持更为友好 ......
Typescript 状态 Vite4 Pinia Vite

学Vite(一、核心知识)

前言 先说一下写这个系列文章的念头哈,起因应该是之前在那块听过一次课,里面讲的编写一个vite插件,使用marked将转换md文件转换成js代码然后在Vue组件中使用的一个案例(用md来生成组件库文档)。 代码大概是这样子的。当时的vite版本使用的是2.5.3。 import path from ......
核心 知识 Vite

react项目vite报错:UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token '??='

问题: vite报错:UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token '??=' 今天clone一个vite的项目,安装依赖后运行npm run dev报错: UnhandledPromiseRejectionWarni ......

vue3+vite项目优化静态资源使用云存储

项目中的问题 1. 当我们在维护自己的博客或者自己的网站的时候没有特别好的服务器就会响应特别的慢 2. 当我们项目特别大的时候也会首屏加载特别慢而且 vue项目打包后的js文件特别的庞大 还要加载各种资源就会特别的卡顿 3.当我们项目中用到了一些3D效果各种3D资源部特别的大的时候根本加载不出来 解 ......
静态 项目 资源 vue3 vite

vite 子项目 热部署 通过nginx,和父项目端口号不同,导致热更新的websocket报错的解决方案

vite 子项目 热部署 通过nginx,和父项目端口号不同,导致热更新的websocket报错的解决方案 我的父项目端口号是8888 子项目端口号是 8013 这里报错的原因就是,热更新的websocket在8013的服务上,但是页面访问的是8888端口的websocket 所以自然会爆红 ......

vite ts 安装 js-cookie 库,vscode找不到类型说明(有波浪线),解决方案

vite ts 安装 js-cookie 库,vscode找不到类型说明(有波浪线),解决方案 先安装库 https://www.npmjs.com/package/js-cookie 再安装类型 https://www.npmjs.com/package/@types/js-cookie 问题 然 ......
波浪 js-cookie 解决方案 类型 方案

vite plugin项目优化汇总

前端项目性能优化和开发体验优化是无法避免的一个话题,在之前使用 webpack 做应用构建的时候,有许多手段和插件来做优化。当使用 vite 构建应用时也有许多插件来做优化,本文对 vite 的优化插件或方法做下汇总。 一、打包性能优化 1. html 处理 vite-plugin-html vit ......
项目 plugin vite

Vue3 + Vite中使用unocss

什么是unocss? unocss是一个即时的原子CSS引擎,它可以让你用简短的类名来控制元素的样式,而不需要写复杂的CSS代码。 Unocss: Guide 用Vite安装和配置步骤:UnoCSS Vite Plugin 互动性文档:https://unocss.dev/interactive/( ......
unocss Vue3 Vite Vue

Vite4+Typescript+Vue3+Pinia 从零搭建(5) - 路由router

项目代码同步至码云 weiz-vue3-template Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成,让用 Vue.js 构建单页应用变得轻而易举。 1. 安装 npm i vue-router@4 2. 集成 1. 新建两页面进行示例 在src/view下 ......
路由 Typescript router Vite4 Pinia

MySQL 连接字符串中加入 nullCatalogMeansCurrent = true 的含义

nullCatalogMeansCurrent 的含义: nullCatalogMeansCurrent = true # 在指定的数据库中查找需要的表 nullCatalogMeansCurrent = false # 在服务器全部数据库中查找需要的表 不同 MySQL 驱动 nullCatalo ......

vue Vite3出现错误runtime-core.esm-bundler.js:6835 Uncaught TypeError: normalizeKey is not a function at createBaseVNode (runtime-core.esm-bundler.js:6835:19)

原因是在引入Element-Plus的顺序在vue之前导致,重新调整下他们的顺序后,问题解决。 import App from './App.vue' import { setupI18n } from '/@/i18n' import { setupRouter } from '/@/router ......

vite.config开发经验分享

前言 在使用 vue3 + vite 实际开发过程中的一些经验分享,涵盖 vite 构建优化配置项的实践,以及打包配置性能优化的实践 plugin 项目优化汇总 @vitejs/plugin-vue vite 支持 vue 开发 按需引入组件库 unplugin-vue-components unp ......
经验 config vite

使用vue3和vite导入index.vue文件而不指定文件名

<script setup> import MapTimeLegend from "./components/MapTimeLegend" </script> [plugin:vite:import-analysis] Failed to resolve import "./components/M ......
文件 文件名 vue index vue3

Vite4+Typescript+Vue3+Pinia 从零搭建(4) - 代码规范

项目代码同步至码云 weiz-vue3-template 要求代码规范,主要是为了提高多人协同和代码维护效率,结合到此项目,具体工作就是为项目配置 eslint 和 prettier。 editorconfig 安装 EditorConfig for VS Code 插件,根目录下新建 .edito ......
Typescript 代码 Vite4 Pinia Vite

vite + vitest + element Plus + vue3

遇到问题: 1. TypeError: Unknown file extension ".scss" for D:\workspace\ai_plat_front\node_modules\element-plus\theme-chalk\src\base.scss Serialized Error ......
element vitest vite Plus vue3

vite移动端适配

//先下包 npm i postcss-px-to-viewportimport pxtovw from 'postcss-px-to-viewport' //配置参数 移动端适配 const usePxtovw = pxtovw({ viewportWidth: 375, viewportUnit ......
vite

vite+ts@配置

//npm i @types/node 先下包解决无法找到到类型声明文件的错误 //在vite.config.ts引入 import resolve from 'path' export default defineConfig({ resolve: { alias: { '@': resolve( ......
vite ts

命令行 npm config set legacy-peer-deps true 的作用

首先,我们需要了解 npm,npm 是 Node Package Manager 的缩写,它是 Node.js 的默认包管理工具。npm 提供了许多命令,如 install、uninstall、update 等,用于管理 Node.js 的依赖和包。 npm config set legacy-pe ......
legacy-peer-deps 命令 作用 config legacy

23C新特性:True Cache的介绍

我们的文章会在微信公众号“Oracle恢复实录”和博客网站“https://www.cnblogs.com/www-htz-pw/” 同步更新 ,欢迎关注收藏,也欢迎大家转载,但是请在文章开始地方标注文章出处,谢谢! 由于博客中有大量代码,通过页面浏览效果更佳。 随着交流23C的客户越来越多,最近自 ......
特性 Cache True 23C 23

启动vite和electron项目配置多个主进程

推荐 concurrently 点击查看代码 "dev": "concurrently \"nodemon --exec electron . \" \"vite\"", 成熟的脚手架 日常开发可以使用 electron-vite (opens new window)或 electron-vite- ......
electron 进程 多个 项目 vite

微服务 网关的 cors 跨域配置

cors:浏览器询问服务器(浏览器给服务器发送 options 请求),让不让跨域 ......
网关 cors

新建一个vite项目,使用ts语法的公共方法库的项目

要创建一个使用TypeScript语法的公共方法库项目,可以按照以下步骤使用Vite构建工具来设置项目: 安装Vite全局工具(如果已安装,请跳过此步骤): npm install -g create-vite ``` 创建新项目: create-vite my-library --template ......
项目 语法 方法 vite

VUE CORS

在 Vue.js 中,前端是在浏览器中运行的,因此 CORS(跨域资源共享)问题通常是在后端解决的。Vue.js 本身并不提供直接的方法来处理 CORS。以下是一些可能的解决方法: 1. 使用代理 Vue CLI 提供了一个开发服务器配置文件 vue.config.js,你可以在这个文件中配置代理。 ......
CORS VUE

如何给vite代理的network中显示代理地址

vite 代理的项目,一般看不到代理的目标地址 如图: 如果要查看代理的目标地址,本文提供两种方式 1,configure配置 如图,通过configure,我们可以拿到proxy代理实例,通过注册on事件,可以在回调函数里面拿到目标地址和请求的路径,从而设置header 2, bypass配置 其 ......
network 地址 vite

Vite 5.0有哪些新变化?

Rollup 4 Vite 现在使用 Rollup 4,它也带来了一些重大的变化,特别是: 导入断言(assertions 属性)已被重命名为导入属性(attributes 属性)。 不再支持 Acorn 插件。 对于 Vite 插件,this.resolve 的 skipSelf 选项现在默认为 ......
Vite 5.0

vite proxy

proxy: { "/dev-api": { target: "http://172.18.247.123:9000", rewrite: (path) => path.replace(/^/dev-api/, ''), configure: (proxy, _options) => { proxy ......
proxy vite

面试官:@Transactional(readOnly=true) 有什么用?还有谁不会?!

原文翻译自:https://medium.com 今天,我想谈谈 Spring 提供的@Transactional(readOnly = true)。 之所以聊这个是因为我公司项目的代码里有很多@Transactional(readOnly = true),用过的同学都说@Transactional ......
Transactional readOnly true