vue项目白屏第25页

vue项目中点击下载上传文件功能，如何实现

第一步：首先点击下载事件时创建一个a标签；第二步：将a标签隐藏；第三步：给a标签添加下载链接"域名+接口+参数"（拼接下载地址和参数）；第四步：给a标签添加一个download属性，属性值就是文件名称否则下载出来的文件是没有属性的（代码中，name会有斜杠，但不影响使用）；第五步：将上面创建的a标签加入到body的尾部；第六步：最后执行a标签。详细代码如下：//点击时的下载事件choseDownl

北城笑笑·2023-12-30 14:42

VUE3实现点击按钮下载文件功能

VUE3实现点击按钮下载文件功能在写vue项目时，有个需求是点击表格中某一行的下载按钮，然后开始下载这一行对应的文件，效果如下：表格每行的最右侧的蓝色按钮就是点击下载，这里涉及到原生的JavaScript

栀椩·2023-12-30 14:40

创建Vue项目+webpack打包

基于Vue-cli使用webpack进行打包准备1、使用vscode安装vetur、eslint、LiveServer、HTMLCSSSupportJavaScriptSnippetpack、HTMLsnippets、pathIntellisense2、安装node.js3.配置npm在安装全局模块时的路径和缓存cache的路径因为在执行例如npminstallwebpack-g等命令全局安装的时

桔Bu·2023-12-30 14:10

vue项目，关闭eslint语法检测

vue.config.js文件中module.exports={lintOnSave:false//关闭语法检查}然后重启项目生效！

乱蜂朝王·2023-12-30 14:38

vue项目路由404设置与请求404/500设置

1.想实现当网址输入页面路由不存在时，页面跳转到404页面解决方法：只要在路由配置下增加如下代码即可{path:'*',name:'error404',component:resolve=>require(['components/error-page/404'],resolve)},{path:'/500',name:'error500',component:()=>import('compon

小呆糊总·2023-12-30 12:18

electron-builder 打包exe后白屏

项目用的是AnElectronapplicationwithVue3andTypeScript。Debug运行项目没问题，可以显示页面。不过有浏览器控制台显示错误：Unabletoloadpreloadscript：preload/index.jsUnabletoloadpreloadscript翻译后：无法加载预加载脚本。猜测指向的加载index.js路径有问题。最后改成输出out文件中：__d

靓仔建·2023-12-30 11:00

什么是vue的ssr，如何使用

要使用Vue的SSR，需要进行以下步骤：创建一个Vue项目：可以使用VueCLI命令行工具来创建一个新的Vue项目，命令如下：vuecreatemy-project在Vue项目中配置服务器端渲染：需要使用

&ACE&·2023-12-30 10:13

Vue axios请求拦截和相应拦截

在Vue项目中，可以使用axios来进行网络请求。拦截器是axios提供的一个功能，可以在发送请求前和接收响应后对请求进行拦截处理。拦截器可以用来增加请求头，统一处理错误，添加loading动画等。

破浪前进·2023-12-30 10:07

SpringBoot+Vue项目（学生信息管理系统）搭建运行

项目地址：学生信息管理系统前端部分（Vue）首先以管理员身份运行终端不然运行命令时有些会报错1.首先下载node.js2.打开并安装node.js3.安装完成，打开控制台，输入node-v查看是否安装完成，如果显示版本号，说明安装成功4.输入淘宝镜像地址：npminstall-gcnpm-registry-https://registry.npm.taobao.org5.安装vue-cli：cnp

汝严君·2023-12-30 10:33

100、ant-design-vue 刷新页面导航栏自动定位到首页问题及回退

问题：在vue项目中使用了vue-router，页面刷新、浏览器前进后退都会导致导航菜单首页高亮显示在导航栏点击Help，Help高亮，刷新页面后，Home高亮。

world_7735·2023-12-30 09:02

vue项目引入cesium（不使用webpack）

由于对webpack不熟悉，按照网上教程走，使用webpack引入项目直接卡死。前前后后花了3天功夫，踩了很多坑，终于在不用webpack的情况下跑起来了。先看下我的项目结构，后面要提到1.下载cesiumnpminstallcesium--registry=https://registry.npm.taobao.org2.拷贝cesium把node_modules/cesium拷贝到public

笺叶·2023-12-30 07:42

vue项目中集成cesium的方法（webpack+vue-cli进行构建）

一、下载cesium依赖（[email protected]）[email protected]二、1、修改build/webpack.base.conf.js文件，如下：附上代码/**引入cesium*/constcesiumSource='../node_modules/cesium/Source'amd:{toUrlUndefined:true},sourcePrefix:'','C

LUCKY_IT·2023-12-30 06:08

vue3+ts+vite自定义组件上传npm流程

1.创建项目npmcreatevite这里踩坑点：运行vite生成的vue项目时报错“SyntaxError:Unexpectedtoken'??

lyj168997·2023-12-30 06:26

webpack初始化 vue项目教程

1.先安装node2.npm设置成淘宝源：npmconfigsetregistryhttps://registry.npm.taobao.org3.安装vue以及vue-cli,官方写法：vueinitwebpackmy-project执行这行命令的时候如果在一些安全性要求较高的公司，不能访问github的情况下,可能会出现一直在downing那个地方这种情况下可以使用要本地安装的办法去（http

l4u·2023-12-30 06:09

nginx根据前缀代理多个Vue项目

为了节省域名，在同域名下根据不同路径前缀用nginx代理多个Vue项目。

樱花舞·2023-12-30 06:00

12 个 Vue 开发中的性能优化小技巧，看你用过几个

重视性能问题，优化产品的体验，比起改几个无关痛痒的bug要有价值得多本文记录了我在Vue项目日常开发中的一些小技巧，废话不多说，我们开始吧1.长列表性能优化

IT沐华·2023-12-30 04:11

Vue项目Nginx代理F5刷新出现404问题解决

一.背景项目用户反馈，F5刷新后，浏览器出现404。最近公司加强网络管理，我记得之前可以刷新，有点怀疑是跟加强网络管理有关。具体原因没有时间去深度跟踪，先百度找到了解决方法，记录一下。二.解决办法主要是修改了nginx的配置location/{rootdist;indexindex.htmlindex.htm;try_files$uri$uri/@router;indexindex.html;}l

弗锐土豆·2023-12-30 02:52

如何在Vue项目中使用vw实现移动端适配

Vue项目中使用vw实现移动端适配我们在vue移动端项目中的适配一般都采用rem，但是rem也不是能兼容所有的终端。

小边_leo·2023-12-30 01:38

vue项目hdr格式文件放在assets下rgbeloader.load获取不到问题解决

如下图我再App.vue组件中这样写艾特符号定位告诉系统要src下的assets下的xhdr下的xidis.hdr但是运行项目他会告诉你找不到这个资源我们改一下我们组件时App.vue与assets同在src目录下用./去找这样也是找不到的我们需要将它放在静态资源包public下public路径不用谢直接下面的包路径名就好了运行之后资源就加载出来了

-耿瑞-·2023-12-30 01:33

Vue项目中Ts的使用

组件在TypeScript中，@标记的称为装饰器。@Component装饰器，可以将我们创建的TypeScript类标记为Vue组件在使用TypeScript开发时，组件的内部变量不再需要使用方法去声明，只需要直接声明类变量即可:{{info}}import{Component,Vue}from'vue-property-decorator';@Componentexportdefaultclas

3天饿九顿·2023-12-29 21:49

2020版idea怎么创建Vue项目

这里是引用1.下载idea中的vuejs文件之后创建vuejs文件点击next，进入下一步2.创建文件后选择文件的位置，选择vue脚手架cli的位置3.创建项目成功之后点击进入终端命令行4.输入指令vueinitwebpack到命令行输入指令vueinitwebpack到终端之中，然后效果如图注意y表示yes，n表示no？Projectname(my-project)敲y,回车既可？project

ZXG20000·2023-12-29 19:05

nginx下同域名部署多个vue项目

nginx下同域名部署多个vue项目一、描述想要在同一个域名下部署多个前端项目，同一个域名下登录了另一个不需要登录，通过不同的url来区分项目如果mes和wms输入localhost:8181/mes/

小蒋芳芳·2023-12-29 19:11

vue2.0源码解析（上）

vue项目地址：https://github.com/vuejs/vue当前版本号：2.6.11一、vue初始化1、基本目录结构：WeChat640327ff8c41378361241abdd4c63a5a.png

仰寒天·2023-12-29 18:41

前端开发之Vue项目中的配置文件、点开头的文件（更新中）

.eslintrc.js也可以叫.eslint.cjs用处：eslint语法校验配置项；常用配置：（详细可参考官网），一般都是写rules配置module.exports={root:true,'extends':['plugin:vue/essential','@vue/standard'],rules:{//allowasync-await'generator-star-spacing':'o

蕉君桑·2023-12-29 16:59

安装Node&修改Node镜像地址&搭建Vue脚手架&创建Vue项目

1、安装VSCode和Node下载VSCodeVisualStudioCode-CodeEditing.Redefined下载NodeNode.js(nodejs.org)检验是否安装成功，Win+R,输入cmd命令，使用node-v可以查看到其版本号2、修改镜像地址安装好node之后，开始修改镜像地址npminstall--location=global--registry=https://re

梅秃头·2023-12-29 16:49

多个vue项目生产环境下NGINX配置文件

多个vue项目生产环境下NGINX配置文件使用场景1.多个前端项目2.多个后端项目3.修改nginx配置后端接口转发路径4.反向代理某个目录下带特定后缀名的文件5.vue3项目使用前提1.前端修改接口文件

MingT 明天你好！·2023-12-29 16:25

Vue项目前端部署——nginx方式

Vue项目前端部署——nginx方式1.准备好服务器，下载安装nginx并启动2.vue项目编译打包3.将dist目录上传到服务器上4.配置nginx安装目录下的nginx.config文件5.重启nginx6

小小菜菜程序员·2023-12-29 16:24

服务器上的nginx 部署多个前端vue项目（不同端口）

部署nginx可参考：https://blog.csdn.net/qq_59716333/article/details/121590065?spm=1001.2014.3001.5501当需要部署多个前端项目时，/usr/local/nginx/conf/nginx.conf的配置如下其中示例为两个项目test2和vueadmin效果为http://****:8080http://****:80

xiaolan-bit·2023-12-29 16:52

前端vue项目简单部署于nginx

vue项目打包部署在vue项目下进行npmr

insist_life·2023-12-29 16:22

如何使用vue ui创建vue项目

vueui简介简单来说，vueui是一个可视化图形界面，方便你去创建、更新和管理vue项目，包括下载router，vuex，axios，elementui等插件，配置好一些属性以及依赖关系，方便我们使用

忧郁的蛋~·2023-12-29 15:39

vue项目使用electron打包exe桌面程序

首先在vue项目中cmd进入终端，然后第一次下载electron依赖需要切换镜像，否则下载得很慢很慢，在终端中输入以下两个命令将ElectronBuilderBinaries的镜像源设置为淘宝的npm镜像源

周小航.·2023-12-29 14:56

vue项目中实现预览pdf

vue项目中实现预览pdf1.iframedata(){ return{ pdfSrc:'http://192.168.0.254:19000/trend/2023/12/27/5635529375174c7798b5fabc22cbec45

毛三仙·2023-12-29 07:09

碎碎念：初始化vue项目

使用vuecli构建项目先检查是否安装node.js和npm(node-vnpm-v),如果没有安装请先安装安装vueclinpminstall-g@vue/cli创建项目名称vuecreate项目名称选择手动配置Manuallyselectfeatures(上下键控制)VueCLIv5.0.8?Pleasepickapreset:(Usearrowkeys)❯n([Vue2]babel,rout

yxiulian·2023-12-29 05:59

js下载文件防止白屏

思路：用js创建一个iframe，让后指定src为下载目录。varifup=document.getElementById("ifup");if(ifup){document.body.removeChild(ifup);}varelemIF=document.createElement("iframe");elemIF.id='ifup';elemIF.src=tpri_dmp.root+'/p

ashou706·2023-12-29 05:21

【uni-app填坑】[Vue warn]: Avoid mutating a prop directly since the value will be overwritten wheneve...

不过呢，我发现自己写的代码是完全没有问题的，而且在普通的vue项目中进行了

一通·2023-12-29 03:35

【JavaWeb学习-第四章（2）】前后端分离开发 & 前端工程化

YAPI1.2.1.YAPI介绍1.2.2.接口文档管理3.前端工程化3.1.介绍3.2.前端工程化入门3.2.1.环境准备3.2.1.1.NodeJS安装3.2.1.2.Vue-cli安装3.2.2.Vue

Cpdr·2023-12-28 22:10

css原子化的框架Tailwindcss的使用教程(元素html和vue项目的安装与配置)

安装教程中文官网教程原始的HTML里面使用新建文件夹npminit-y初始化项目安装相关依赖npminstall-Dtailwindcsspostcss-cliautoprefixer初始化两个文件npxtailwindcssinit-p根目录下新建src/style.css@tailwindbase;@tailwindcomponents;@tailwindutilities;tailwind.

萧寂173·2023-12-28 22:56

关于vue项目启动后一直停留在启动界面

兄弟们啊，吃了大亏大亏啊。具体出现的问题是项目运行时，一直不成功，卡在了百分之68的进度，然后呢，终端也不报错。让我非常的难以理解，经过是这样的：头一天我还弄好了静态页面做好了预准备，然后也快下班了，但是不晓得为啥页面保存后一直转圈圈刷新，我等了好久，还没好，心想电脑这么卡项目这么废么，反正心里一顿吐槽。害，然后因为种种原因别人说有空的话他来弄，不行的话就找我弄。于是我在下班之前给代码提交了，编译

全栈科学家·2023-12-28 22:22

yarn vue-cli 3+ 动态模块开发和tomcat与nginx发布方法

1.vue项目携带一个#会对开发造成一定的影响，本项目使用的是history整体结构是vue+element-ui+vuex一：npm二：yarnps:1.router中代码2.主页代码整体模块使用component

青色沙丘·2023-12-28 22:21

vue项目中常见的跨域问题解决

问题1:开发过程中vue项目实现跨域访问的方式解决方案：在项目根目录下新建vue.config.js文件，添加如下配置：module.exports={devServer:{disableHostCheck

李奇技·2023-12-28 20:23

animate.css在vue项目中的使用

npminstallanimate.css--savemain.js中：importanimatedfrom'animate.css'//npminstallanimate.css--save安装，再引入Vue.use(animated)vue模板中：

tency小七·2023-12-28 18:07

Java项目：房产门户房屋出租销售网站（java+springboot+vue+mysql）

运行环境：开发工具:IDEA/Eclipse数据库:MYSQL5.7应用服务:Tomcat7/Tomcat8使用框架springboot+vue项目介绍随着时代的发展，房屋已经成为人们生活中不可或缺的一部分

q_1039692211·2023-12-28 18:06

three.js实现3D汽车展厅效果展示

项目搭建本案例还是借助框架书写three项目，借用vite构建工具搭建vue项目，搭建完成之后，用编辑器打开该项目，在终端执行npmi安装一下依赖，安装完成之后终端在安装npmithree即可。

不爱敲代码的小胡·2023-12-28 17:06

leaflet学习笔记-初始化vue项目（一）

leaflet简介Leaflet是一款开源的轻量级交互式地图可视化JavaScript库，能够满足大多数开发者的地图可视化需求，其最早的版本大小仅仅38KB。Leaflet能够在主流的计算机或移动设备上高效运行，其功能可通过插件进行扩展，拥有易于使用的、文档完善的API，提供了简单、可读性高的源代码。引入leaflet引入leaflet到项目中有几种方式方式一：下载安装包进入Leaflet官网，在

花姐夫Jun·2023-12-28 17:00

前端开发必备技能知识笔记-vue项目太大内存溢出解决方法

在开发工作中，我们使用Jenkins实现代码的自动发布部署，经常会遇到FATALERROR:Ineffectivemark-compactsnearheaplimitAllocationfailed-JavaScriptheapoutofmemoryJenkins报错提示翻译过来就是常见的内存溢出，搜了一下解决方式很简单，就是加依赖和执行一下npm命令解决步骤：1、在package.json中的d

花姐夫Jun·2023-12-28 17:58

前端背景收集之煽动的蝴蝶

文章目录个人主页Vue项目常用组件模板仓库前言：源码如下：文件夹位置背景图片：index源码个人主页Vue项目常用组件模板仓库前言：本篇博客主要提供背景【煽动的蝴蝶源码】组件源码，需要的朋友请自取源码如下

信计2102罗铠威·2023-12-28 16:50

前端背景收集之文字雨（html）

文章目录个人主页Vue项目常用组件模板仓库前言：源码如下：个人主页Vue项目常用组件模板仓库前言：本篇博客主要提供html中【文字雨】背景’组件源码，需要的朋友请自取源码如下：文字雨html,body{

信计2102罗铠威·2023-12-28 15:10

2019-04-22(Tomcat下部署Vue项目-element-admin)

Tomcat下部署Vue项目：若前端项目直接放在Tomcatwepapps/ROOT/下可忽略，基本上很少把前端直接放在ROOT下，下面我们自行在webapps下新建一个目录这里叫他demo在放入前端项目前我们先修改一下相关配置

热爱源于追求·2023-12-28 15:26

源码补丁神器—patch-package

一、背景vue项目中使用vue-pdf第三方插件预览pdf，书写业务代码完美运行，pdf文件内容正常预览无问题。后期需求有变，业务需求增加电子签章功能。

京东云技术团队·2023-12-28 14:53

关闭ESLint语法检测

如果是脚手架创建的vue项目vueinitwebpackProjectName，创建的时候选择的eslint校验的话会多出一个文件.eslintrc.js，执行npmrunstart会报错，项目跑不起来关闭

饮茶听风·2023-12-28 14:30

推荐频道

vue项目白屏