vite

vue3+vite在vite中配置跨域

在vite.config.js中配置import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importpathfrom'path'
bsefef·2024-02-10 00:43

vite项目配置根据不同的打包环境使用不同的请求路径VITE_BASE_URL，包括报错解决

vite环境配置可以看官方文档：环境变量和模式|Vite官方中文文档创建环境配置文件在项目根目录下面创建.env和.env.production文件，.env是开发环境使用的，.env.production
1024小神·2024-02-10 00:13

封装sku组件

1.准备模板渲染规格数据使用Vite快速创建一个Vue项目，在项目中添加请求插件axios，然后新增一个SKU组件，在根组件中把它渲染出来，下面是规格内容的基础模板import{onMounted,ref
小秀_heo·2024-02-09 20:54

vite忽略.vue扩展名 Failed to resolve import ..... Does the file exist?

在vite脚手架中,引入时忽略.vue扩展名将导致错误//一个名为tsc.vue的文件，importtscfrom"./tsc.vue";//上面的引入可以正常运行，但importtscfrom".
余栀丶·2024-02-09 14:54

vue3+vite+ts 配置commit强制码提交规范配置 commitlint

配置git提交时的commit信息，统一提交git提交规范安装命令:npminstall-gcommitizennpmicz-customizablenpmi@commitlint/config-conventional@commitlint/cli-D文件配置根路径创建文件commitlint.config.jsmodule.exports={//继承的规则extends:['@commitli
周家大小姐.·2024-02-09 08:29

vue3学习——axios封装

request.tsimportaxiosfrom'axios'import{ElMessage}from'element-plus'constrequest=axios.create({baseURL:import.meta.env.VITE_APP_BASE_API
可乐KL·2024-02-09 07:45

第二章 Electron自定义界面(最大化、最小化、关闭、图标等等)

这里我已经搭建好了项目快速搭建Electron+Vite3+Vue3+TypeScript5
Etc.End·2024-02-09 06:26

关于vite5中postcss-px-to-viewport插件问题和require问题

1.vue3中不支持require，可以npmivite-plugin-require-transform--save-devimportrequireTransformfrom'vite-plugin-require-transform
_斯洛伐克·2024-02-08 23:41

宁德烟草大屏问题与解决方法总结vue3+vite5

中css里添加postcss代码如下1.样式总结：1.非标准屏幕时要完整展示大屏内容当大屏不是1920*1080屏幕时，两侧可以滑动。当1920*1080正常时，不会滑动，可以设置高度和滚动。91和35分别是我的头部和尾部高度。同时配合postcsspxtoviewport8plugin插件保证宽度自适应.left{width:436px;height:calc(100vh-91px-35px);
_斯洛伐克·2024-02-08 23:41

在vue3+vite中 使用require

第一步先安装插件npmivite-plugin-require-transform--save-dev第二步导入importrequireTransformfrom'vite-plugin-require-transform
_斯洛伐克·2024-02-08 23:11

【JavaWeb】头条新闻纯JavaWeb项目实现 项目搭建 数据库工具类导入 跨域问题 Postman 第一期 (前端Vue3+Vite)

文章目录一、项目简介1.1微头条业务简介1.2技术栈介绍二、项目部署三、准备工具类3.1异步响应规范格式类3.2MD5加密工具类3.3JDBCUtil连接池工具类3.4JwtHelper工具类3.4JSON转换的WEBUtil工具类四、准备各层的接口和实现类4.1准备实体类和VO对象4.2DAO层接口和实现类4.3Service层接口和实现类4.4Controller层接口和实现类4.4.1Por
道格维克·2024-02-08 19:51

vite+vant+vue3新闻客户端app（三）

一、文章搜索1.1创建组件并配置路由1、创建src/views/search/index.vue2、然后把搜索页面的路由配置到根组件路由（一级路由）{path:'/search',name:'search',component:Search},3、在home.vue配置路由跳转1.2页面布局Search组件提供了search和cancel事件，search事件在点击键盘上的搜索/回车按钮后触发，c
与月儿漫邀·2024-02-08 13:53

内置路印协议的VITE（唯特）

VITE2.png简介：严格意义上说，DAG（有向无环图）并不属于区块链范畴，但以DAG为基础设计一条基础公链也是一种途径。目前为止，这条公链赛道并不拥挤，VITA是其中之一。
老猫___·2024-02-08 11:19

VUE3基础

增强了逻辑组合能力配套的工程化工具也有了更新2、市场层面vue3的市场在扩大3、vue3的优势：二、创建vue3项目vue3官方API执行如下命令，这一指令将会安装并执行create-vue（create-vue使用vite
煸橙干儿~~·2024-02-08 10:11

若依vue3单文件上传/多文件上传/前后台代码

constupload=reactive({//设置上传的请求头部headers:{Authorization:"Bearer"+getToken()},//上传的地址url:import.meta.env.VITE_APP_BASE_API
xsjCoding·2024-02-08 06:46

vue项目打包部署到flask等后端服务里面，实现前后端不分离部署，解决空白页面和刷新页面not fount问题

StrictMIMEtypecheckingisenforcedformodulescriptsperHTMLspec.ExpectedaJavaScriptmodulescriptbuttheserverrespondedwithaMIMEtypeof"text/plain".具体解释可以看vite
1024小神·2024-02-08 06:15

Vue3自定义PostCss插件

Vue3自定义PostCss插件插件功能:实现自动转px为vw功能1.创建插件ts文件2.tsconfig.node.json引入插件3.vite.config.ts增加插件配置4.编写插件内容5.示例插件功能
*郑*·2024-02-08 00:06

前端vite+vue3——自动化配置路由布局

文章目录⭐前言vue3系列文章⭐自动化配置路由引入vite版本自定义目录映射自动化读取文件下的路由main入口加载路由入口app.vue配置layout基础布局配置效果⭐总结⭐结束⭐前言大家好，我是yma16
yma16·2024-02-07 23:52

Vite的优化配置

1.Vite的优化配置目录base别名打包压缩代码生产环境下清空console.log打包出的文件整理创建一个Vite构建的Vue-TS项目npmcreatevite@latestmy-vue-app-
你大爷的,这都没注册了·2024-02-07 23:11

Vite基础配置之 - 分包

Vite基础配置之-分包什么是分包呢？它有什么好处呢？还是举个例子，来回忆一下吧，什么呢？
你大爷的,这都没注册了·2024-02-07 23:41

vue+vite项目，动态导入静态资源的几种方式

博主的桌面工具软件已经正式开发，获取方式：可以关注我的小程序【中二少年工具箱】获取。（若小程序更新有延迟，可先收藏小程序）通过下载链接百度网盘:链接：https://pan.baidu.com/s/15zDnSoEzJGSZLjpD2FYrMw?pwd=1234提取码：1234复制这段内容后打开百度网盘手机App，操作更方便哦具体已实现功能，参考文章中二少年工具箱简介文章目录前言一、静态导入二、i
中二少年学编程·2024-02-07 22:14

Vue3跨域代理设置

Vue3中,就不要再使用什么vue.config.js文件来配置跨域代理了Vue3的项目,在通过vite来创建项目之后,会自动创建一个vite.config.js文件,跨域的代理就可以在这个文件中配置了
Leo_DLi·2024-02-07 17:31

React+TypeScript项目创建

可采取两个工具来创建：create-react-app(React官方提供)、vite(不仅仅是创建React项目，Vue等也可用)每种工具都列出npm和yarn两种使用方式一，create-react-app1
Leo_DLi·2024-02-07 17:00

vue项目开发vscode配置

初始代码片段为例，配置具体代码片段{"name":"vue-sph","version":"0.0.0","private":true,"type":"module","scripts":{"dev":"vite
RuiW_97·2024-02-07 10:37

Vue3.4+element-plus2.5 + Vite 搭建教程整理

一、Vue3+Vite项目搭建说明：Vue3最新版本已经基于Vite构建，关于Vite简介：Vite下一代的前端工具链，前端开发与构建工具-CSDN博客1.安装并创建Vue3应用npmcreatevue
天马3798·2024-02-07 08:51

Vue3快速上手（二）VSCode官方推荐插件安装及配置

一、VSCode官方插件安装，如下图2款插件在用vite创建的程序里，提示提安装推荐的插件了，如下图：二、配置在设置-扩展里找到Volar插件，将DotValue勾选上。
一掬净土·2024-02-07 08:12

使用vite创建vue+ts项目，整合常用插件（scss、vue-router、pinia、axios等）和配置

Vite需要Node.js版本18+，20+。然而，有些模板需要依赖更高的Node版本才能正常运行，当你的包管理器发出警告时，请注意升级你的Node版本。
留白声·2024-02-07 07:56

【JS】纯web端使用ffmpeg实现的视频编辑器

界面效果开发过程初始化vue3框架用vite的vue3模板创建一个就可以。
飘逸者打瞌睡·2024-02-07 05:22

【ffmpeg】vue3报错TypeError: Failed to construct ‘URL‘: Invalid URL at node_modules/@ffmpeg/ffmpeg/s

TypeError:Failedtoconstruct'URL':InvalidURLatnode_modules/@ffmpeg/ffmpeg/src/browser/defaultOptions.js解决在vite.config.js
飘逸者打瞌睡·2024-02-07 05:51

【vue3】远程组件加载

远程加载组件，动态更新组件，主框架不更新参考https://gitee.com/fanzhengshao/remote-components-library用vite创建一个vue项目添加remote目录
飘逸者打瞌睡·2024-02-07 05:21

npm run dev 疑难解答

在命令行下执行命令：npmrundev以下几个是典型错误，记录解决办法分享给大家：'vite'不是内部或外部命令，也不是可运行的程序或批处理文件。
鲁正杰·2024-02-07 02:20

2022-11-04

在vite+vue3+ts项目下，实现根据文件名称自动生成路由1、安装插件npminstallvite-plugin-pages-Dnpminstallvue-router2、在vite.config.ts
前端橙子·2024-02-06 21:03

Vite--新一代前端开发与构建工具

Vite的初衷？为什么要选择它？在浏览器支持ES模块之前，JavaScript并没有提供原生机制，让开发者以模块化的方式进行开发。
你管我管你疯啊·2024-02-06 21:03

Vite 的全景：颠覆前端开发的新潮流

Vite的全景：颠覆前端开发的新潮流1.简介在现代前端开发领域，Vite已经成为一种引人注目的选择。Vite是一种快速、简单、可扩展的构建工具，为前端开发者提供了高效的开发体验。
画江山·2024-02-06 21:29

web前后端小坑记录

前端的vite.config需要注意base，这个按我的理解就是静态资源的url路径加什么前缀，如果是./就表示了相对路径而不是绝对路径。默
dxgzg·2024-02-06 19:32

Vite 下一代的前端工具链，前端开发与构建工具

一、Vite简介官方中文网站：Vite|下一代的前端工具链官方定义：Vite，下一代的前端工具链，为开发提供极速响应。Vue3.4版本，Vue新版本使用Vite构建、开发、调试、编译。
天马3798·2024-02-06 16:24

Vue3快速上手（一）使用vite创建项目

一、准备在此之前，你的电脑，需要安装node.js,我这边v18.19.0wangdy@mb2024code%node-vv18.19.0二、创建执行npmcreatevue@latest命令即可使用vite
一掬净土·2024-02-06 10:35

Vite+Vue3+TS中解决PrismJS显示JSON数据不高亮的问题

Vite+Vue3+TS中解决PrismJS显示JSON数据不高亮的问题在使用prismjs库高亮代码的时候，HTML、JS和CSS都能正常高亮，但是在现实JSON数据的时候就不高亮，经过一番折腾，最后解决办法如下
奔跑的呱呱牛·2024-02-06 07:28

使用vue-press搭建一个像element一样的组件文档

系列文章目录VuePress2.0在2021年中旬发布,由webpack改为使用vite进行构建。在vuePress1.0时代，很好的解决了vuePress使用webpack打包构建缓慢的问题。
疯一样的MEI男子·2024-02-06 06:01

element-plus 更换主题色

由于跟着官方文档可能出现报错[plugin:vite:css][sass]Moduleloop:thismoduleisalready，于是写一份避坑指南。
小秀_heo·2024-02-05 23:05

pnpm + vite 从外网迁移到内网环境开发

离线安装pnpm在有外网的机器上执行以下命令，下载pnpm的tgz压缩包至桌面，注意下载版本和当前使用版本保持一致[email protected]~/Desktop将tgz压缩包拷贝至离线机器在离线机器中执行命令npm-gi/home/user/offline/pnpm-7.4.0.tgz参考:如何离线安装pnpm-知乎复制源码复制整个项目代码，重点是no
jiangbinwangyi·2024-02-05 14:05

Vue3 + TS + Vite 项目实战 —— 大屏可视化

前期回顾目录适合谁资料在哪技术栈有哪些效果图例⏰配置缩放【重要】自动轮播地图⌚时间定位、天气地址：数据安全大屏--项目:该系统会从多个数据源（如日志、网络设备、云服务等）中采集、整合、处理数据，并将其转化为易于理解和分析的可视化图表、地图等形式，以帮助用户快速识别、监测和预警潜在的安全风险和威胁。通过数据安全大屏，用户可以深入了解各种系统和网络设备的运行状态、流量情况、攻击来源等信息，及时发现并应
彩色之外·2024-02-05 14:02

vue3.0+vite实现移动端自适应布局

1安装postcss-pxtoremnpmipostcss-pxtorem-D2新建postcss.config.js配置文件module.exports={plugins:{autoprefixer:{overrideBrowserslist:["Android4.1","iOS7.1","Chrome>31","ff>31","ie>=8","last10versions",//所有主流浏览器
贵贵贵子·2024-02-05 12:47

教程6 Vue3+Element Plus el-carousel制作轮播图（后面有修改样式的方法）

（2）自动引入Elementnpminstall-Dunplugin-vue-componentsunplugin-auto-import（3）在配置文件中进行配置，本人使用的是Vit构建工具如果使用Vite
JunLianHuang·2024-02-05 11:08

vue3项目打包移除console.log()打印

一、安装terser（不安装打包会报错，安装过后无需引入直接使用）npminstallterser--save-dev二、在vite.config.ts里面使用build:{minify:"terser
吃葡萄不吐葡萄皮嘻嘻·2024-02-05 10:14

Vue中跨域问题的解决

目录1跨域的概念2解决办法2.1修改请求实例的公共前缀2.2修改vite.config.js文件1跨域的概念由于浏览器的同源策略限制，向不同源(不同协议、不同域名、不同端口)发送ajax请求会失败2解决办法原理
厂里英才·2024-02-05 07:09

vue2 项目接入 vite2 参考指南

本文整理vue2项目接入vite2需要注意的事项。基本配置首先我们需要在项目中安装vite；其次，要支持vue2还需要安装vite-plugin-vue2。
程序员柳随风·2024-02-04 19:11

vue3快速入门

文章目录1.Vue3简介1.1.性能的提升1.2.源码的升级1.3.拥抱TypeScript1.4.新的特性2.创建Vue3工程2.1.基于vue-cli创建2.2.基于vite创建（推荐）vite介绍创建步骤项目结构安装插件项目结构总结
ps酷教程·2024-02-04 19:42

Vue3中使用tsx文件

1.安装npminstall@vitejs/plugin-vue-jsx-D2.配置vite.config.tsimport{defineConfig}from'vite'importvuefrom'@
*郑*·2024-02-04 15:36

vite技术揭秘--本地serve的创建

配置合并合并的源大致有三种：命令行传入的、默认的和vite.config中定义的命令行可以看到，vite中使用第三方包cac来快速创建cli对dev、build、optimize、preview这四种模式做了参数收集工作
习惯水文的前端苏·2024-02-04 14:15
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他