vue项目源码分享第22页

Error: error:0308010C:digital envelope routines::unsupported问题的解决方案包括webstorm运行vue项目的解决方案

原因：主要是nodejs17版本发布了OpenSSL3.0对算法和秘钥大小增加了更为严格的限制，npm升级导致了与OpenSSL不兼容导致的初始化失败，而我的电脑上的node.js是v18.16.0的，版本太高了。先说我的配置：win10系统node.jsv18.16.0npm9.5.1vue2.7.14vue-cli2.9.6四种解决方法：一、卸载并安装低版本的node.js。推荐node.js

思行学Java·2024-01-10 03:41

Vue - 详解.env文件

.env文件配置Vue项目中，.env文件是运行项目时的环境配置文件。但是在实际开发过程中，有本地开发环境、测试环境、生产环境等，不同环境对应的配置会不一样。

A_bad_horse·2024-01-09 23:12

[报告和源码分享]基于Android智能手机的文字识别报纸阅读器

近几年来，智能手机的迅猛发展给人们的生活带来了极大的改变，移动互联网时代的来临使得人手拥有一台配置强悍的智能手机已不再是奢望。但随着社会老龄化问题的日益严重，智能手机市场对老年人市场的投入却依旧跟不上时代发展的步伐。老年人由于视力衰退，阅读报纸上的文字较为吃力，长时间戴眼镜更会加剧眼睛的疲劳状况。本设计提出了用智能手机帮助老年人阅读报纸的可能，并实现了一款基于Android智能手机的应用。本设计实

ggdd5151·2024-01-09 21:53

vue项目中px单位转rem插件

一、安装插件："postcss-px2rem":"^0.3.0","postcss-px2rem-exclude":"0.0.6",二、新建postcss.config.jsmodule.exports={plugins:{autoprefixer:{},"postcss-px2rem-exclude":{"remUnit":192,//尺寸1920"exclude":/test/i//不转rem

葫芦娃y·2024-01-09 19:53

vue、java实现前后端分离（vue自定义端口号，加入element-ui，安装axios。自动生成java代码）

一、自定义端口号在已创建好的vue项目里打开vue.config.js,写入devServer:{port:8088}，端口号可以自己定在命令窗口启动一下vue项目，可以看到端口号已经改了二、加入element-ui

码农在路上—·2024-01-09 18:49

Vue2：修改默认配置的方法

一、前情概要之前我们说到，用vue-cli创建vue项目之后，项目结构大概是这样的。其中，标红部分的文件是非常重要的结构文件，不建议修改文件名。但是，实际上了，vue是允许修改的。

生产队队长·2024-01-09 11:48

Vue项目在本地跑起来所有路径前面想加入前缀进行访问配置

一、业务场景：在本地项目跑起来了，访问时想在所有路径后面加dev进行访问二、目前效果三、具体实现步骤：（1）实现静态文件加前缀在vue.config.js文件里改变路径publicPath:process.env.NODE_ENV==="production"?"/dev/":"/dev/",（2）更改router模式，添加前缀在配置路由模式的地方加上base参数exportdefaultnewR

打小就霸·2024-01-09 09:04

Vue项目nginx部署到线上，访问时加前缀解决方案

一、业务场景：最近项目开发完了，需要部署一个测试版本和正式版本到线上，测试版本前面需要加一个dev前缀，遇到了一些坑，分享给大家二、目前效果三、具体实现步骤：（1）实现静态文件加前缀在vue.config.js文件里改变路径publicPath:process.env.NODE_ENV==="production"?"/dev/":"/dev/",（2）更改router模式，添加前缀在配置路由模式

打小就霸·2024-01-09 09:30

VSCode 初次写vue项目并一键生成.vue模版

1.安装vscode官网地址：https://code.visualstudio.com/2.安装一个插件，识别vue文件插件库中搜索Vetur，下图中的第一个，点击安装，安装完成之后点击重新加载输入vue按键盘的tab就行

愿➣·2024-01-09 09:35

Vue-----环境搭建和常见问题整理

说明：涵盖内容：整理以Webpack方式初始化Vue项目的流程环境：mac环境1.下载安装Node.js如果已经安装不想使用老版本/node安装失败，先进行卸载sudonpmuninstallnpm-gsudorm-rf

年少不秃头·2024-01-09 08:19

jenkins 自由风格部署vue项目，参数化构建vue项目

1.丢弃旧的构建2.是否需要install3.git4.配置node16:5.脚本：脚本：#进入Jenkins工作空间下项目目录cd/var/lib/jenkins/workspace/你的任务名称node-v#检测node版本（此条命令非必要）npm-v#检测npm版本（此条命令非必要）npmconfigsetregistryhttps://registry.npm.taobao.org#把np

不努力就种地~·2024-01-09 07:55

vue项目在IE浏览器打不开问题

安装babel-polyfill1.npminstall--savebabel-polyfill2.man.js引入import'babel-polyfill'3.index.html添加4.build中的webpack.base.conf.js修改如下配置entry:{app:['babel-polyfill','./src/main.js']}

别人都叫我小志·2024-01-09 06:20

bootstrap警告 autoprefixer: Replace color-adjust to print-color-adjust.

sherlyxoxo·2024-01-09 04:51

Vue项目性能优化实战

前言Vue框架通过数据双向绑定和虚拟DOM技术，帮我们处理了前端开发中最脏最累的DOM操作部分，我们不再需要去考虑如何操作DOM以及如何最高效地操作DOM；但Vue项目中仍然存在项目首屏优化、Webpack

一个正在努力的人类·2024-01-09 02:25

VUE依赖ol版本问题：geotiff.js Unexpected token

1、问题VUE项目中，使用Openlayer使用版本为6.4.0。package.json中如下："dependencies":{..."ol":"^6.4.0",...}之前项目运行都很正常。

qgbihc·2024-01-09 01:13

vue+vite项目在开发时报错：Internal server error: EISDIR: illegal operation on a directory, read

在学习vue项目时，刚开始搭建就遇到了一个问题我是通过npminitvue@latest创建vue3项目时，建立路由时报错错误如下：[vite]Internalservererror:EISDIR:illegaloperationonadirectory

qq_43710066·2024-01-09 01:01

vue项目引入icon图标

项目图标的说明当前项目在开发过程中，使用到了iconfont的图标，对应的图标预览地址如下：iconfontDemo对于开发者来说，一般可以不关心它的存在，因为他并不影响你使用其他的iconfont图标库，只要你不使用同样的class名称。但是在某些情景下，开发者可能想要对项目内的图标进行一个统一管理，这时候这个东西就可以帮助到你了,因为iconfont不支付分享的原因，我们直接把链接粘出来了，有

失落村庄·2024-01-09 01:31

UEditor富文本编辑器上传图片打不开，提示“后端配置项没有正常加载，上传插件不能正常使用”

1、安装npminstallvue-ueditor-wrap2、下载所需资源这一步在解决报错的时候会用到UEditor资源下载链接上面的打不开请从下面链接下载项目ueditor-download:vue

WuxiaoyanR·2024-01-09 01:01

Webstorm 搭建一个Vue项目

前言本文旨在帮助大家在Webstorm上搭建一个简单的Vue项目，作者也是萌新一枚，大家一起学习啦！

fububanzan_·2024-01-09 01:54

vue项目中集成百度地图

集成步骤前言一、使用步骤1.登录百度地图开发平台2.创建应用获取AK3.在Vue中集成地图4.最终效果总结前言vue中集成百度地图。一、使用步骤1.登录百度地图开发平台浏览器中搜索百度地图开发平台，注册，登录，并且认证成为开发者。2.创建应用获取AK创建应用。点击提交提交。提交完成得到AK。3.在Vue中集成地图在index.html中引入在需要使用地图的界面import{onMounted,re

狮子歌歌_丶·2024-01-09 01:23

【内网】WebStorm搭建Vue环境

6、配置内网离线库安装WebStorm并运行Vue项目1、安装WebStorm2、激活WebStorm3、下载破解包4、创建Vue新项目5、测试Vue项目6、汉化安装node.js和npm1、Node.js

Evil·2024-01-09 01:21

2024最新前端源码分享（附效果图及在线演示）

分享10款非常有趣的前端特效源码其中包含css动画特效、js原生特效、svg特效以及小游戏等下面我会给出特效样式图或演示效果图但你也可以点击在线预览查看源码的最终展示效果及下载源码资源粒子文字动画特效基于canvas实现的粒子文字动画特效会来回切换设定的文字特效图片只能提供参考价值最终具体特效可点击在线预览进行查看在线预览纯CSS绘制招财猫纯CSS绘制招财猫动画招招手招来好运和钱财图片只能提供参考

迂幵·2024-01-09 00:48

有趣的前端源码分享（附效果图及在线演示）

分享7款非常有趣的前端特效源码其中包含css动画特效、js原生特效、svg特效以及小游戏等下面我会给出特效样式图或演示效果图但你也可以点击在线预览查看源码的最终展示效果及下载源码资源纯CSS圣诞节动画圣诞节动画由圣诞礼物和圣诞树及圣诞老人等组合而成圣诞树会出现一闪一闪的光亮圣诞老人也会在窗口探望以及渐入渐出的文字祝福以下图片只是简单的模型没有具体的动画效果最终动画特效可点击在线预览进行查看在线预览

迂幵·2024-01-09 00:48

2024前端炫酷源码分享（附效果图及在线演示）

分享10款非常有趣的前端特效源码其中包含css动画特效、js原生特效、svg特效以及小游戏等下面我会给出特效样式图或演示效果图但你也可以点击在线预览查看源码的最终展示效果及下载源码资源GSAP-火箭动画特效GSAP火箭动画当氮气充足的情况下火箭会冲出并继续飞行图片只能提供参考价值最终具体特效可点击在线预览进行查看在线预览CSS骑小毛驴加载动画特效CSS骑车加载动画特效下方还有进度识别加载进程图片只

迂幵·2024-01-09 00:45

【项目部署】vue项目部署&xshell使用&Nginx了解

vue项目部署一般来说，前端只需要把代码使用npmrunbuild或者其它类似的自定义指令将代码进行打包，并提供给后端，就可以了。

Lana学习中·2024-01-08 23:18

【vue项目部署】vue路由在多级页面下，页面刷新空白（history模式下）的排查过程&问题解决

前言在项目打包部署后，出现了多级目录刷新后白屏的问题。记录一下排查过程与解决方法。正文1：在项目打包部署后，多级目录刷新后白屏，并且报错：UncaughtSyntaxError:Unexpectedtoken'不是history或者hash模式设置的问题，也与nginx以及后端代码无关。2：点击这个报错，查看详细信息，发现是在index.html页面出现的。—>可能是资源路径配置的错误，搜索后找到

Lana学习中·2024-01-08 23:48

vue项目如何配置网页标签栏上的小图标

这篇文章是告诉大家，如何更换vue项目中，网页标签栏上的小图标，类似下图：我们新创建的一个vue项目，运行以后，网页标签栏的小图标默认是下图：现在我们要把vue项目默认的网页图标，替换我们自己的。

白色的熊·2024-01-08 20:14

通达信《搏反弹快拉升》副图指标公式源码分享

通达信《搏反弹快拉升》副图指标公式源码分享N:=1;T:=1;RSV:=(CLOSE-LLV(LOW,N))/(HHV(HIGH,N)-LLV(LOW,N))*100;K:SMA(RSV,5,1),LINETHICK1

goodgongshicom·2024-01-08 20:27

将vue项目的图片请求带上请求头如token

封装了一个图片组件直接上代码import{mapActions,mapGetters}from"vuex";exportdefault{name:"authImg",props:{authSrc:{type:String,required:false,default:"",},},computed:{...mapGetters({userInfo:"userInfo",}),},mounted()

正兒八经DI瞎练ぃ·2024-01-08 19:53

Vue3+TS+ElementPlus的安装和使用教程【详细讲解】

随着前端的日月更新，技术的不断迭代提高，如今新vue项目首选用vue3+typescript+vite+pinia+……模式。

SwJieJie·2024-01-08 15:47

vue项目将后端返回的数据中P标签删除并换行展示

实现效果：1.调取接口拿到后端数据后，其实this.lists里的contentDetails为我所要展示的字段关键代码this.lists[i].contentDetails.replace(//g,'')将P标签替换为2.用v-html渲染

Julyued·2024-01-08 12:34

Linux之Ubuntu环境Jenkins部署前端项目

今天分享Ubuntu环境Jenkins部署前端vue项目一、插件安装1、前端项目依赖nodejs，需要安装相关插件点击插件管理，输入node模糊查询选择NodeJS安装安装成功2、配置nodejs点击后进入点击新增

nandao158·2024-01-08 08:31

JWT-token—前后端分离架构的api安全问题

前后端分离架构现状：前端：vue项目，Nginx部署后端：node.js和java项目这样的情况后端api是暴露在外网中，因为常规的web项目无论如何前端都是要通过公网访问到后台api的，带来的隐患也有很多

激情的狼王·2024-01-08 08:19

Vue项目中引入第三方已做好的H5游戏

原创声明本文系作者辛苦码字所得，欢迎分享和转载，但请在明显位置注明作者的如下信息：笔名：来碗鸡蛋面主页：https://www.jianshu.com/u/4876275b5a73邮箱：[email protected]：tom_wong666需求：Vue网站项目中，需要引入第三方已做好的H5游戏分析：方法一，对游戏做单页重构；方法二，利用static文件夹的特性，直接引入整个H5

来碗鸡蛋面·2024-01-08 07:34

WebStorm新建vue项目之HelloWorld

Vue.js的引入之HelloWorld基本步骤写在前面说明步骤运行结果写在后面写在前面第一次写这种教程，搜了一下网上的感觉比较繁琐，需要配环境啥的，这个方法只需引入一个js文件即可。适合刚入手写几个简单的项目用。说明电脑Windows10系统，用的编程软件是WebStorm，没有安什么环境，（目前helloworld能运行，复杂的还没进行测试）步骤新建一个空项目在项目上右键新建一个文件夹js3.

与或·2024-01-08 06:35

【一】使用vue-cli创建vue3的helloworld项目

恋上钢琴的虫·2024-01-08 06:31

vue项目中汉字转拼音

1、使用插件lodashjs-pinyin2、下载npminstalljs-pinyin点击查看插件文档3、方法封装在js文件中引入两个插件，并初始化js-pinyin插件importPinyinfrom'js-pinyin'Pinyin.setOptions({charCase:1})setOptions中传入对象，对象可传两个参数charCase参数：输出拼音的大小写模式，0-首字母大写；1-

xt_XiTu·2024-01-08 05:25

ant 使用安装按需加载

创好vue项目先从完整引入开始而后修改npm下载antnpmi--saveant-design-vue@next完整引入main文件下添加importAntdfrom'ant-design-vue';import'ant-design-vue

Sengoku_Xingzi·2024-01-08 04:16

从vue小白到高手，从一个内容管理网站开始实战开发第二天，使用Element UI构建页面

vue项目我们已经创建成功，接下来我们开始开发我们的电影资讯的内容管理网站，页面的开发我们选用ElementUI。

凯杨1319·2024-01-07 22:13

从vue小白到高手，从一个内容管理网站开始实战开发第一天

一、创建vue项目的必备知识1-1、安装vue运行环境在构建vue程序前我们需要先将vue运行

凯杨1319·2024-01-07 22:43

从vue小白到高手，从一个内容管理网站开始实战开发第四天，使用Element UI构建页面-页面路由的配置-登录(二)

一、项目正式开发前的准备工作之前我们一直在介绍vue项目，从创建到安装element-ui库都没有提到过nodejs的事情，那是因为如果不再关键点介绍，大家容易理解有误或不容易记忆

凯杨1319·2024-01-07 22:43

vsCode中编写vue项目时，webpack配置的alias别名无效

1、vsCode工具配置（settings.json文件配置所有项目可用）解决方案一：在插件市场中安装PathIntellisense插件并启用。根据以下提示信息，修改vsCode配置文件settings.json文件：解决方案二：在插件市场中安装PathAutocomplete插件并启用。根据以下提示信息，修改vsCode配置文件settings.json文件：2、项目配置如项目需要单独配置，可

汝若念卿·2024-01-07 21:08

vue项目接入滑动验证码

前言本文教你基于Node.js环境，在vue项目中如何接入KgCapctah。

爱编程-爱生活·2024-01-07 20:53

Vue CLI初识

脚手架VueCLI基本介绍VueCLI是Vue官方提供的一个全局命令工具可以帮助我们快速创建一个开发Vue项目的标准化基础架子。

duration～·2024-01-07 18:12

高版本ant-design动态引用icon

解决方案下载ant-design/icons-vue项目发现所有的图标都作为导出出现在项目中，故使用imp

李剑一·2024-01-07 15:15

基于java,springboot的学生考勤系统

1.环境以及简介基于java,springboot的学生考勤系统，Java项目，SpringBoot项目，vue项目，含开发文档，源码，数据库以及ppt。

爱coding的同学·2024-01-07 15:39

vue项目打开新的tab页面实现自动登录

我们自己有一个vue项目，想在这个项目里面打开一个新的页面，这个新的页面是另外一个系统的网页，需要登录，我们想通过我们网站跳转过去，然后自动填写另外一个网站的账号，密码，点击登录，全部过程都是自动的。

勤于奋·2024-01-07 14:36

53、浅谈vue项目打包优化策略

使用vue-cli部署生产包时，发现资源包很大，打包后的vendor.js达到了1.4M，这已经很大了，而且会影响到首屏加载。那么，怎么优化呢？1.组件按需加载这是首先可以优化的点。如果频繁使用了第三方组件/UI库，如我的项目中经常同时使用了element-ui,mint-ui,echarts等组件库，如果全部引入，项目体积非常大，这时可以按需引入组件。示例如下：1.1element-uinpmi

world_7735·2024-01-07 10:01

iframe 重定向问题

在vue项目中，加载第三方html网页，怎么办呢？可以用iframe实现。思路如下：新建一个页面，比如：new.vue。然后在路由里注册该页面，并配置好路由。

weixin79893765432...·2024-01-07 09:46

问题描述：vue项目中引用data中的图片路径无法显示

解决办法：因为用普通的路径引入方式动态在模板中使用时会把路径解析为字符串，所以用require来引入就可以解决这个问题。之前的：无效现在的：生效

sxl不想学习·2024-01-07 09:40

推荐频道

vue项目源码分享