vue项目白屏第28页

使用nginx反向代理实现vue项目打包部署上线

server{listen80;#监听端口server_namelocalhost;#域名可以有多个，用空格隔开#access_loglogs/host.access.logmain;location/{root/etc/nginx/html/dist/;#站点根目录，即网页文件存放的根目录,默认主页目录在nginx安装目录的html子目录。indexindex.htmlindex.htm;#目录

A文凯·2023-12-23 06:09

vue项目通过路由跳转页面后立即刷新页面

1.本来想用路由守卫在进入页面之后调用刷新页面的方法但是在VueRouter中，beforeRouteEnter导航守卫无法直接访问组件实例，因此在该导航守卫中无法调用组件的方法。2.用activated方法但是没有效果（activated在页面一出现就执行）3.用watch监听//路由跳转的时候给他传递一个参数this.$router.push({path:'/knsxs/knssq',quer

htt2321·2023-12-23 03:35

nginx单域名配置访问多vue项目（vue3 + vite4）

。。。简单粗暴。。。vue配置项目avite.config.ts//https://vitejs.dev/config/exportdefault({command,mode}:ConfigEnv):UserConfig=>{return{//重要:配置别名base:'/a/',//其他配置}}router/index.ts//创建路由实例constrouter=createRouter({//c

钢铁熊猫33·2023-12-23 02:05

Vue和Vant使用

1.先创建vue项目，我准备把项目放在e盘下：E:\VueElement-ui命令行进入这个目录：cdE:\VueElement-ui创建一个基于webpack模板的新项目（1）vueinitwebpackregister

Kemmy_m·2023-12-23 02:00

vue介绍以及基本指令

目录一、vue是什么二、使用vue的准备工作三、创建vue项目四、vue插值表达式五、vue基本指令六、key的作用七、v-model九、指令修饰符一、vue是什么Vue是一种用于构建用户界面的JavaScript

chenximuxueya·2023-12-23 01:36

【已解决】在使用frp内网穿透访问VUE项目提示：Invalid Host/Origin header 解决方案

项目配置在使用frp作为内网穿透的时候，配置了多端口穿透(也是第一次配置frp多端口)，端口配置如下：8079：vue项目的管理系统8080：vue项目的前台系统8082：普通的web项目更高frp相关问题

凯哥Java·2023-12-22 20:15

vue首屏渲染 loading动画效果

在public文件下新建app-loading.css/*白屏阶段会执行的CSS加载动画*/#app-loading{position:relative;top:45vh;margin:0auto;color

邯郸达文西·2023-12-22 20:02

【ECharts】从零实现echarts地图完整代码（纯前端，包含地图资源）

最终效果标题环境搭建这里忽略创建vue项目的操作过程，请自行搭建vue2项目、less环境安装下载echarts这里我们选择npm下载npminstallecharts安装成功后，在main.js中把echarts

Y_coder·2023-12-22 19:42

从Gitee克隆项目、启动方法

从gitee克隆VUE项目到本地后，不能直接运行，需要进行npminstall安装node_modules文件夹里面的内容，因为在git上传的时候，一般都会过滤到node_modules中的依赖文件。

知远同学·2023-12-22 19:32

registermodule 微前端_微前端实战看这篇就够了 - Vue项目篇

wl-micro-frontends[wl-qiankun]本项目采用vue+qiankun实践微前端落地。同时qiankun是一个开放式微前端架构，支持当前三大前端框架甚至jq等其他项目无缝接入。此项目为了尽可能的简单易上手，以及方便文章讲解，大部分逻辑都在主应用和子应用的main.js来回施展，实际项目应用可不要如此粗暴，要有优雅的架构设计。另有微前端进阶实战项目：基于vue3.0-beta及

weixin_39603492·2023-12-22 14:52

vue项目使用html2canvas实现截图

引入依赖npmihtml2canvas导入依赖importhtml2canvasfrom'html2canvas'1:ref写哪里,就代表截取哪个容器下的所有内容2:data-html2canvas-ignore代表着不计入截取范围,如果你不想截取某部分,但是他又在容器里面可以加data-html2canvas-ignore标签(隐藏)点击方法:html2canva(){//第一个参数是需要生成截

白云苍狗417·2023-12-22 13:12

vue项目使用html2canvas实现截图功能

这个截图有点类似下载的那种，可以按照自己的需要在代码中指定要截屏的部分，点击截图会自动保存到本地，更贴切的说法可以说是快照。不同于我们常用的截图软件，这点要注意。实现结果如图：html2canvas是JavaScript实现页面截图的类库，html2canvas使你可以直接在用户浏览器上截取网页或部分网页的“屏幕快照”。屏幕截图基于DOM，因此可能无法真实表示100％的准确度，因为它无法生成实际的

代码搬运媛·2023-12-22 13:41

vue项目使用VUE html2Canvas截取页面内容生成pdf

第一步：先安装html2canvas和jspdfnpminstallhtml2canvasjspdf--save第二步：到项目package.json中查看是否下载好html2canvas和jspdf第三步：utils文件夹下创建一个html2canvas.js第四步:内容源码已给大家提供，可直接拿去使用--最下面的pdf.save里面是生成的文件名，自己可根据对应项目进行修改importhtml

翱翔同步·2023-12-22 13:10

【前端数据可视化AntV】G2 、G6 、L7 的使用

gitee地址:gitee地址强烈建议使用国内镜像1.AntV-G2的使用这里是使用vue-cli创建了一个vue项目:vuecreatelearn-antVAntV-G2-Plot的使用:快速上手npminstall

itlu·2023-12-22 12:19

解决Electron中WebView加载部分HTTPS页面白屏的方法

然而，有时候在加载使用HTTPS协议的页面时，可能会因为证书问题导致白屏现象。

SailingCoder·2023-12-22 08:08

Vue项目里rem的使用

先在src下的libs文件夹下新建一个js文件，取名为rem.js，封装一个换算方法：//此处的16跟上面的16对应，同样是倍数constbaseSize=16//设置根节点的font-size大小函数functionsetRem(){//375为设计稿页面宽度，如为750，把375改为750constscale=document.documentElement.clientWidth/1920/

百思不得小李·2023-12-22 08:24

[前端优化]项目优化--Lighthouse

[前端优化]项目优化--Lighthouse前端优化的分类Lighthouse优化工具优化维度--性能(Performance)性能指标概览白屏时间--FP首字节时间--TTFB首次输入延迟--FID累积布局偏移

三知之灵·2023-12-22 07:20

Nodejs+Vue 前后端连接 dist 包，express开篇写法和Vue 通过用HBuilder X 工具生成（Vue项目打包）

前端：打开运行npmrunbuild得到dist文件夹后端Express喜欢的写法index.js注这个就是接包dist目录的：app.use(express.static('dist'))//dist是项目的打包资源路径，一般为根目录下distconstexpress=require('express')//require函数引入express包constapp=express()//调用函数/

PieroPc·2023-12-22 07:37

VUE项目---npm install时报错[email protected]安装失败

解决方法：执行[email protected]命令用来安装[email protected]，--ignore-scripts参数用于npminstall在安装[email protected]时忽略package.json中设置的脚本，意思就是避免package.json中的脚本影响包的正常安装

哎呦喂1111·2023-12-22 06:38

vue项目npm run build报错npm ERR! missing script: build（已解决）

vue项目npmrunbuild报错npmERR!

fpl1116·2023-12-22 00:14

基于vite 初始化vue3项目并引入Vue Router和Ant Design Vue

VueRouterAntDesignVue系列文章指路系列文章-基于Vue3创建前端项目并引入、配置常用的库和工具类文章目录创建Vite+Vue项目创建并运行WebStorm无法识别@，需要在vite.config.js

小雅痞·2023-12-21 22:34

vue中bus总线中的bug（能打印不能渲染）

第一步：在vue项目中的main.js文件中初始化busVue.prototype.Bus=newVue();第二步：在传递参数的vue页面图1将需要传递的数据放进beforeDestroy里面第三步：

chaokun·2023-12-21 20:34

Vue项目实现添加水印

vue项目需要实现添加水印的功能，实现如下：引入watermark-dom依赖包npminstallwatermark-domApp.vue引入importwatermarkfrom"watermark-dom

ljw@lq·2023-12-21 20:27

数字滚动插件——vue-count-to

在vue项目中要实现数字动态滚动效果时，通常使用vue-count-to插件来实现。

苹果函数·2023-12-21 18:42

Vue项目中支持可选链（链判断运算符）操作

一、案例效果在开发过程中拿到一个内嵌比较深的值需要做很多的判断，来保证没有数据而报错，比如：constobj={a:{b:{c:"1"}}}取c,正确的做法是：constcValue=(obj&&obj.a&&obj.a.b&&obj.a.b.c)||'';//需要判断4次，每一层是否有值二、操作方法1.安装依赖（Babel）[为了避免出现兼容问题，装好对应的转换器]npminstall@babe

在路上`·2023-12-21 18:08

如何运行vue项目（从github上下载的开源项目）

一、准备工作：1.从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了2.安装cnpm，在命令行中输入npminstall-gcnpm--registry=http://registry.npm.taobao.org3.安装webpacknpminstallwebpack-g4.安装vue-clicnpminstallvue-cli-g二、方式一从GitHub上下载项目，

放羊娃华振·2023-12-21 15:37

Vue项目部署上线全过程（保姆级教程）

Vue项目部署上线全过程（保姆级教程）上线前准备1.先在vue.config.js文件中配置反向代理解决跨域请求问题const{defineConfig}=require('@vue/cli-service

天才守门员·2023-12-21 15:07

自动导入组件unplugin-auto-import和unplugin-vue-components

背景当我们在Vue项目中使用第三方库或组件时，通常需要手动导入它们并在需要的地方进行注册。这可能会变得繁琐和冗长，特别是当我们使用大量的第三方库或组件时。

俊刚、·2023-12-21 12:38

从零开始搭建Vue2.0项目(一)之快速开始

前言该样板适用于大型和严肃的项目，用于快速搭建企业级的vue项目。如果你只想尝试vue-loader或快速制作出原型，请改用webpack-simple模板。

Java白羊·2023-12-21 12:27

vue 如何实现拖动：vue-draggable

vue-draggable官方文档：传送门特点：支持触摸设备（如vue项目的移动端开发Quasar）支持拖拽和选择文本支持不同列表之间的拖拽视图模型的同步刷新与vue2的过渡动画（transition-group

代码搬运媛·2023-12-21 08:24

Vue引起Invalid handler for event “click“: got undefined报错信息可能的原因

控制台报错信息：Invalidhandlerforevent"click":gotundefined自己今天遇到了这个问题，总结一下大家引起这个报错信息可能是由哪几种情况引起的（针对Vue项目）：1.函数没有写在

AshleyXM·2023-12-21 07:32

解决vue-cli3打包代码后，上线服务器后白屏问题

会撸码的小马·2023-12-21 07:07

【taro react】---- 解决 taro 编译 H5 姓名脱敏导致的 iOS 部分低版本白屏问题

/g,'*')}returnname}2.问题编译后在浏览器和安卓机没有发现任何问题；部分低版本iOS机型出现白屏现象。3.使用

Rattenking·2023-12-21 06:48

vue项目中Watch(监听)使用方法和场景

1.watch用法（1）watch:{data:{//需要监听的变化的数据handler(val){//里面写当数据变化时执行的操作console.log("watch",val);this.getdata();},immediate:true,//第一次是否监听deep:true,//是否深度监听},},2.、immediate、handler和deep属性详解（1）immediate:值为tr

野区被反边哭边喊·2023-12-21 04:40

集成广告sdk出现的view显示隐藏白屏问题

最近新接了一个需求,需要在第一次安装App和每次闪屏都要加入闪屏广告,因sdk的广告的view是一个独立的view,必须依赖于Activity进行放置这个view.此时的业务逻辑是:在闪屏页时间过去1s后显示3s的广告sdk.出现的问题一: 当第一次安装没有网络时,显示广告sdk的时候,没有等到设定的时间1s就瞬间跳转到了下一个页面,这个问题出现的本质是sdk的坑,广告sdk初始化程序中用o

努力深耕Android的小透明·2023-12-21 03:29

01-vue+xlsx实现导出表格的功能

1.使用npm下载xlsxnpminstallxlsx2.导入xlsx包到对应的vue项目中importXLSXfrom'xlsx'3.html部分导出{{item}}{{item1}}4.script

养狗蛋儿·2023-12-21 01:29

Vue 应用 Sass、Scss、Less 和 Stylus

Vue项目中应用预处理器，可以有效减少css代码量，推荐使用Sass、Scss、Less预处理器。在创建项目的时候可以选择预处理器(Sass/Less/Stylus)。

Linux小百科·2023-12-21 01:26

【Mixin】搞懂Vue中的Mixin混入

但是今天讲的Vue中这个Mixin的用法我相信还有很多小伙伴不知道或者没有用过，或者有些小伙伴接手别人的Vue项目时看到里面有个Mixin文件夹，也会用，但是一直都是云里雾里的状态，今天我们就好好聊聊Mixin

【南汐】前端·2023-12-21 00:21

[DNS网络] 网页无法打开、显示不全、加载卡顿缓慢 | 解决方案

在已登录并保存了Cookie的情况下，个人课程页面一直处于白屏加载状态，无法查看

冰.封万里·2023-12-20 23:57

Vue 使用 js-audio-recorder 实现录制、播放、下载音频

Vue使用js-audio-recorder实现录制、播放、下载PCM数据Vue使用js-audio-recorder实现录制、播放、下载PCM数据js-audio-recorder简介Vue项目创建下载相关依赖主界面设计设置路由组件及页面设计项目启动源码下载

UestcXiye·2023-12-20 20:32

Vue+跑马灯样式实现文字横向滚动

需求:在Vue项目的顶部,来实现文字左右滚动步骤:可以自己封装一个组件,也可以自己写,也可以复制以下代码封装完成以后要在所需的组件中引入,注册,并使用代码:封装一个专门用来实现跑马灯效果的组件marquee

Best_北诗·2023-12-20 19:23

VUE项目运行报错解决

*core-js/modules/es.array.push.jsin./node_modules/.store/@[email protected]/node_modules/@babel/runtime/helpers/esm/regeneratorRuntime.js,./node_modules/.store/[email protected]/node_modules/cache

一棵开花的树，枝芽无限靠近你·2023-12-20 19:17

vue项目 -- element 表格添加多选框（禁用某一行），并且跨分页选择

需求：在表格中，有个多选框，需要选择数据，但是跨分页后，之前点选的数据就没有了，现在需要做个保存,并且根据数据显示是否禁用实现效果：代码：//指定row-keyexportdefault{data(){return{list:[{id:0,name:'zs',check:true,},{id:1,name:'ls',check:false,},{id:2,name:'ws'check:false,

王小王和他的小伙伴·2023-12-20 18:40

vue项目 : 解决element-ui多选框如何禁用的问题

一、问题描述使用了组件库中的表格多选框，的type为selection，要根据当前行的是否存在某个需要判定的数据来决定当前行的多选框按钮是否可用二、解决方法在组件库中我们找到了相关属性（仅适用于type=selection）：三、使用案例模板代码js代码(写在methods中)selectEnable(row){if(row.realExitDateStr){returnfalse}else{re

qq_45867474·2023-12-20 18:38

Vue项目中常见问题(68)组件通信-v-model深入

目录gitee仓库地址:https://gitee.com/CMD-UROOT/sph-project/commits/masterv-model实现组件通信1.基础结构搭建2.v-model基本使用

学无止境QAQ·2023-12-20 18:08

gitlab CI/CD自动化部署vue项目到gitlab page 静态页面

1，gitlab托管vue项目只要用过git托管工具的，相信这一步都是没问题的。先在gitlab中创建一个空的项目。新建一个分支。这时候，仓库是空的。

__十七·2023-12-20 16:47

腾讯云消息队列11月产品月报 | RocketMQ 5.x 国际站上线

控制台链接：https://console.tencentcloud.com/trocketmq2、无感迁移能力支持用户白屏化操作，将自建的RocketMQ集群迁移到RocketMQ5.x集群上，迁移全过程可视化操作

腾讯云中间件·2023-12-20 10:21

vscode 调试vue 项目

今天开始学习vue项目，从登陆开始调试。调试配置如下：1、安装debuggerforChrome2、配置调试：点击调试-打开配置。配置如下：{//使用IntelliSense了解相关属性。

123hainiao·2023-12-20 09:49

使用VSCode创建Vue项目

Vue介绍Vue.js是一个渐进式JavaScript框架，用于构建用户界面。它可以与其他库或现有项目集成，也可以作为单个组件使用。Vue.js的目标是提供一种简单、快速和灵活的方式来开发交互式Web应用程序。Vue.js的核心特性包括：响应式数据绑定：Vue.js通过双向数据绑定实现了数据的自动更新，使得开发者无需手动操作DOM就能实现视图的更新。组件化：Vue.js允许开发者将应用程序划分为多

我又来搬代码了·2023-12-20 09:17

VScode 调试vue项目配置

首先在vsocde添加运行配置然后将配置文件修改成下面的格式{"version":"0.2.0","configurations":[{"type":"chrome","request":"launch","name":"vuejs:chrome","url":"http://192.168.2.10:82/","webRoot":"${workspaceFolder}/src","breakOn

Bulo·2023-12-20 09:46

推荐频道

vue项目白屏