vue项目源码分享第19页

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项目js代码中输出html代码时，使用img标签引用图片不显示的解决方法

vue项目js代码中输出html代码时，使用img标签引用图片不显示的解决方法，不显示的代码图片html部分js部分此时页面图片展示不出来解决办法1图片放置在public打包后的目录下js代码引用解决办法

Demons小妖·2024-01-07 09:09

宝塔面板的使用

记录一下：后台是SpringBoot项目，前台是Vue项目，前后端分离，要用宝塔布署上腾讯云服务器。后台：配置文件的数据写云端的。有关localhost的要改成云服务器的公网IP。

汤永红·2024-01-07 08:22

我的第一个前端项目，vue项目从零开始创建和运行

入门前端，从基础做起，从零开始新建项目背景：VUE脚手架项目是一个“单页面”应用，即整个项目中只有1个网页！在VUE脚手架项目中，主要是设计各个“视图组件”，它们都是整个网页中某个部分，通过显示不同的若干个视图组件，以达到显示不同“页面”的效果！一、环境创建1.安装Node.js：前端项目通常使用Node.js作为JavaScript的运行环境和包管理工具。node.js官方网站下载，下载适合你操

☆七年·2024-01-07 07:46

vue项目如何部署在后台服务器上

简述vue项目打包后发给后台部署到后台服务器上，出现了很多问题，在此做一些总结环境前台：build打包后的dist文件夹后台：jetty服务器遇到的问题后台问访问地址是什么什么是访问地址一般访问地址构成

云翼飞·2024-01-07 06:59

钉钉跳转vue网页(实现免登录)

.首先新建个文件夹下载调试工具（此工具其实是个vue项目）安装教程ps:教程第四步直接进行下面操作地址是你vue启动地址（这个地址需要和你企业微应用首页地址一致,你项目中请用‘/’重定向到首页）dingdevweb

学如逆水，不进则退·2024-01-07 04:40

vue用import方式引入ttf字体文件报错及解决方法

关于在vue项目中引入ttf格式的字体文件，基本工作：下载下来字体文件，新建一个font文件夹，把字体文件放进去，在新建一个font.css文件（可以不用新建，直接在主css文件里写），把字体文件@font-face

Alone深秋·2024-01-07 03:49

Vue项目中引入字体并使用 (.ttf)

下载字体文件将已有字体放入静态资源文件（assets）下创建font.scss文件在main.js中引入第三步创建的文件在需要用的地方就可以使用该字体啦

JasonJust.·2024-01-07 03:49

vue项目中引入字体包

首先把字体文件（.ttf之类的）放在src/assets/font下；接着在文件夹里面放好字体文件（PingFangBold.otf)在font文件夹里面新建一个font.css，内容如下：:@font-face{font-family:'PingFangSC-Bold';src:url('PingFangBold.otf');font-weight:normal;font-style:norma

Jialins·2024-01-07 03:48

2020-03-15

Vue项目运行cmd1.cd到项目目录cd/myvue2.npmrunserve启动项目3.http://localhost:8080/地址Vscode1.打开我们的项目文件夹2.ctrl+~打开终端3

char1·2024-01-07 02:21

饿了么（elementUI）组件库如何在vue项目中使用？

Element-Theworld'smostpopularVueUIframeworkhttps://element.eleme.cn/#/zh-CNelementui是做PC项目的首选创建项目并引入element组件库用vue-cli脚手架创建vue

标题只用h1·2024-01-06 22:23

vue 项目element 结合vue-i18n 多语言切换

1.vue项目中通过npm下载vue-i18n：npminstallvue-i18n--save-dev2.创建lang文件夹，lang文件夹下分别创建en.js、zh.js、index.js文件夹，zh.js

Joan_King_·2024-01-06 15:29

Nginx部署笔记

记录Nginx部署Vue项目的流程，以及部署后前端出现问题的解决方案。

HaushoLin·2024-01-06 15:26

vue布局居中

要在Vue项目中实现居中布局，您可以使用以下方法：方法一：使用flexbox布局在父元素的样式中，添加display:flex;和justify-content:center;属性。.

乐神来了·2024-01-06 15:51

vue项目中线上环境去掉console.log

vue-cli：2.5在vue项目本地调试过程中，为了查找问题，我们在代码里会写比较多的console代码，然后打包发布的过程中，做删除这个动作又太麻烦，所以可以利用webpack的插件，解决这个问题。

北暖37·2024-01-06 12:14

vue请求接口返回文件流并进行下载

vue项目，有两种方式实现请求接口返回文件流并进行下载：第一种：使用a标签的特性，使用链接实现第二种：下载文件流的方式一。

sunshine22 girl·2024-01-06 12:01

Django和Vue项目运行过程中遇到的问题及解决办法

这是我从CSDN上边买来的一个系统的资源，准备在此基础上改成自己的系统，但是在运行项目这一步上都把自己难为了好几天，经过不断的摸索，终于完成了第一步！！！如果大家也遇到同样的问题，欢迎一起沟通交流呦！1、输入命令启动前端项目前端页面分析login.vue组件register.vue组件Board.vue组件4、其他组件说明Aside.vue是Board.vue页面的侧边部分，Info.vue\In

大炮不想学习·2024-01-06 06:15

在vue3中使用Cesium保姆篇

1.首先新建一个vue项目Vue.js-渐进式JavaScript框架|Vue.js可以直接到管网中查看命令通过npm来创建一个vue3的项目然后通过命令下载1.99的版本的cesium和pluginnpmicesium

Mr.mjw·2024-01-06 06:40

UG/NX 二次开发(C#)自动出2D零件图思路

二次开发自动出图”2、csdn.com和cnblogs.com翻了一遍3、平时逛的qq技术群，微信技术群问候了一遍4、做二开之后结交的技术大牛、小达人请教了一遍现在有了一点思路，整理出来，自己也写了一部分主要源码分享出来供大家欣赏

MarcoPro·2024-01-06 03:28

vue el-table中使用el-popover手动使其消失

vue项目中想点击表格中的一个文本显示一个用popover包裹的控制面板，选择控制面板中的一项后popover消失，向服务器传递数据可是popover弹出后，需要鼠标点击一下才能消失，于是只能自己模拟一下鼠标点击事件

youyudexiaowangzi·2024-01-05 23:28

vue项目修改组件库默认样式

修改默认样式一般来说，对于el-card这样的自带标签，可以设置几个全局样式但是如果想要修改默认样式，可以先通过查找网页源代码，找到对应元素，看它拥有的选择器，直接copy一下改样式就行了如果没有合适的选择器，就加个类之类的。一般是不推荐从局部改默认样式，这样会在打包的时候样式出错，最好不要在局部中用el-card这样的类。如果你想用，又不想改变打包后的样式可以使用深度作用选择器在组件内这样修改是

iceylia·2024-01-05 22:55

解决使用printJS打印PDF时echarts图表无法打印的问题

使用方法：由于是VUE项目，直接注册到了全局页面内使用：在printjs文件内写死了容器ID为details以下是完整printJS代码//打印类属性、方法定义/*eslint-disable*/constPrint

__浩·2024-01-05 21:16

Vue项目关于avue使用编辑器

使用1.安装依赖npminstallavue-plugin-ueditor--save2.main.js引入importAvueUeditorfrom'avue-plugin-ueditor'Vue.use(AvueUeditor);3.使用exportdefault{data(){text:'',upload:{//普通图片上传action:"https://avueupload.91eic.c

释怀Believemin·2024-01-05 21:06

Vue项目手把手教你：一个vue项目和后端进行交换

因为我也自己想学习的方向是后端嘛，想对前端有个更多的了解，然后就跟着再做一个项目，视频地址git上拉取本项目：https://gitee.com/zgg/sprotplay.git我们创建的项目如下一、我们Vue

同学郑学习·2024-01-05 19:13

vue项目 index.html 引入静态资源，刷新页面问题。

项目中引入这两个cdn。但是这两个cdn都挂完了，后来改成了本地引用。在pubilc文件夹下创建了static存放静态文件，在index.html里面引用。此时vue-router的路由模式(mode)是history模式。上图是刚进页面的时候请求静态文件，静态文件的指向是正确的。上面是在当前页面刷新一下出现的问题，提示引入的静态资源找不到。一开始以为是要让后端在nginx里面添加配置。后来想想如

年年CODE·2024-01-05 19:38

vue 项目打包或者本地运行时通过package.json 修改环境变量

vue-cli环境变量配置地址vite环境变量配置地址在Vue项目的package.json文件中，您可以使用cross-env包来指定环境变量，以在构建过程中使用特定的配置。

年年CODE·2024-01-05 19:03

前端自测运行vue打包后的dist文件

在Vue项目中，dist目录是代码打包之后生成的文件夹，其中包含了静态资源文件和打包后的JavaScript、CSS等文件。如果要在本地运行打包后的项目文件，可以使用简单的静态服务器来启动。

前端小趴菜05·2024-01-05 18:58

Vue-Cli 5.0.0搭建Cesium环境

1、创建vue-cli项目1、查看vue版本使用指令：vue-V2、创建Vue项目1、在需要创建文件的目录，输入cmd2、在命令行，输入vuecreate，并选择最后一项3、选择插件4、选择Vue版本3.05

生活真难·2024-01-05 18:01

Vue项目在上传宝塔后除首页外页面刷新出现404

控制台打开网络可以看到首次进来的时候是正常的刷新一次后请求网址发生了变化，并且出现404这是因为在项目打包后，dist文件中只存在一个index网页，当我们从网址进去后通过路由跳转到达其他页面，关键在这里，当我们在其他页面执行刷新操作，nginxlocation是没有相关配置的，所以就会出现404的情况解决方法：一、改变服务器配置ApacheOptions-MultiViewsRewriteEng

四时之雨·2024-01-05 17:28

记录vue项目打包后报错exports is not defined

发现不同环境变量下有时候打包正常有时候报错经排查发现报错的打包的控制台会报如下错误，但是构建正常，没有报红[BABEL]Note:Thecodegeneratorhasdeoptimisedthestylingof/root/.jenkins/workspace/prod-funeral-affair-front-business-pc/node_modules/element-ui/lib/el

雁鸿_666·2024-01-05 16:38

导出文件，名称动态获取

如何动态获取导出文件名称这里我是在vue项目中处理的一般后端会将导出的文件名称放在heard里面，所以取的时候也得去heard里面取这个时候，不能用我们分装的请求方式取拿了，因为项目中请求的数据一般会把没用的数据过滤掉

翛翾梓·2024-01-05 16:20

【解决】WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB)

运行vue项目npmrunbuild时，终端webpack报错：解决方案：在webpack.config.js配置文件中，添加配置项如下：module.exports={//该选项可以控制webpack

风风草·2024-01-05 16:19

VUE打包警告：asset size limit...........

assetsizelimit:Thefollowingasset(s)exceedtherecommendedsizelimit(244KiB).这个原因是因为vue的引入的js文件太大，可以放开VUE打包大小限制在vue

sinat_36483049·2024-01-05 16:49

WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).

vue项目打包报warning:assetsizelimit:Thefollowingasset(s)exceedtherecommendedsizelimit(244KiB).Thiscanimpactwebperformance

秦悸·2024-01-05 15:07

vue-cli创建vue项目进行选择配置

如果你还没有安装VueCLI，请执行下面的命令全局安装或是升级：npminstall--global@vue/cli在命令行中输入以下命令创建Vue项目：vuecreatemy-project(项目名)

meloeyLeo·2024-01-05 14:25

源码分享｜基于SpringBoot+Vue的学生选课管理系统

作者简介：Java领域优质创作者、CSDN博客专家、CSDN内容合伙人、掘金特邀作者、阿里云博客专家、51CTO特邀作者、多年架构师设计经验、腾讯课堂常驻讲师主要内容：Java项目、Python项目、前端项目、人工智能与大数据、简历模板、学习资料、面试题库、技术互助收藏点赞不迷路关注作者有好处文末获取源码项目编号：L-BS-GX-12一，环境介绍语言环境：Java:jdk1.8数据库：Mysql:

编程千纸鹤·2024-01-05 14:46

本地项目运行后使用手机访问network域名显示无网络

不管是vue项目还是react项目，运行后都会有一个本地访问域名和network访问域名。如果想用手机查看本地项目的效果，需要使用network域名。需要满足两个条件：1、在同一局域网。

哇，女前端哎！·2024-01-05 14:56

Vue 单文件组件的基础入门指南

这里我使用VueCLI生成了一个Vue项目，命令为：vuecreate自定义项目名称生成的Vue项目目录结构如下【目录生成命令：tree>/fE:result.txt】│.gitignore这

远见阁·2024-01-05 13:28

vue-amap区域显示，3d棱柱效果

文章目录一、在vue项目中安装和基本使用1.安装2.在vue项目中使用1.在main.js中引入2.demo显示高德地图二、显示区域三、只显示某个区域四、3D棱柱区域五、添加卫星图层vue-amap中文文档

jieyucx·2024-01-05 12:26

Vue: Element-UI登录页面与vue-router使用

Element-UI，一套基于Vue2.0的桌面端组件库官网连接VueRouter模块化编程机制实现vue框架应用的页面跳转1.搭建环境(前提准备好vue所需环境)初始化webpackvue项目vueinitwebpackhello-vue-element

掌灬纹·2024-01-05 11:33

nodejs和vuejs的区别

一、vue项目开发中，两个经常混合使用。不同：1、概念不同：一个是前端框架，一个是服务端语言。Node.js是一个基于ChromeV8引擎的JavaScript运行环境。

w_t_y_y·2024-01-05 10:38

vue项目使用vue-pdf插件预览pdf文件

1、安装vue-pdf：npminstall--savevue-pdf2、使用具体实现代码：pdfPreview.vue{{currentPage}}/{{pageCount}}importpdffrom'vue-pdf'exportdefault{name:'PdfPreview',components:{pdf},props:{pdfUrl:{type:String,default:()=>'

小小弯_Shelby·2024-01-05 09:37

从零创建VUE注册页面实现与后端交互

创建文件夹在地址栏输入cmd检查node和npm版本node-vnpm-v安装VUEnpminstall@vue/cli查看vue版本vue-V创建vue项目vuecreatedomevuevue使用vuecreate

虚构的乌托邦·2024-01-05 08:57

【springboot+vue项目（十二）】文件上传状态管理

一、需求介绍基于SpringBoot+MySQL+Vue+ElementUI+easyexcel+WebSocket的完整方案，实现文件上传、解析、校验、入库，并存储实时日志的功能。后端（SpringBoot）：使用SpringBoot作为后端框架，搭建文件上传、解析、校验、入库的API接口。使用MySQL作为数据库存储文件处理的结果和相关数据。使用SpringWebSocket实现实时日志的推送

幸福巡礼·2024-01-05 08:15

【springboot+vue项目（零）】开发项目经验积累（处理问题）

一、VUE+ElementUI（一）elementui下拉框默认值不是对应中文问题v-model绑定的值必须是字符串，才会显示默认选中对应中文，如果是数字，则显示数字，修改为：handleOpenAddDialog(){this.dialogTitle="添加信息";this.dialogAction="添加";this.addOrEditForm={uploadtime:this.getCurr