vue项目问题积累

使用html-docx-js + fileSaver实现前端导出word

所以我们需要用其它方式引入首先要将html-docx-js的代码放到项目中html-docx-js/dist/html-docx.jsatmaster·evidenceprime/html-docx-js·GitHub我这边的vue
前端码农小黄·2024-09-05 02:45

Nginx部署前端Vue项目

简介本文将介绍如何使用Nginx部署前端Vue项目。Nginx是一款轻量级的高性能Web服务器，可以用于静态文件的托管和反向代理等场景。
不会代码的小林·2024-09-04 13:29

nginx部署前端vue项目

在Nginx上部署Vue.js前端项目的步骤如下：1.构建Vue.js项目首先，确保你已经完成了Vue.js项目的开发。然后在项目根目录下运行以下命令来构建项目：npmrunbuild这将生成一个dist文件夹，里面包含了可以部署到Nginx的静态文件。2.安装Nginx如果你还没有安装Nginx，可以通过以下命令安装（以Ubuntu为例）：sudoaptupdatesudoaptinstalln
Min_nna·2024-09-04 10:09

【Vue】项目目录说明

微信订阅号：Rabbit_svip首先通过【Vue-cli3.x】创建vue项目创建一个Vue项目。
德育处主任·2024-09-04 08:07

根据地址获取经纬度

1：安装依赖与引入调用腾讯地图api前需要先去注册并申请key在vue项目中的/public文件夹中的index.html的head中写入安装lodash：npminstall--savelodash安装
牧杉-惊蛰·2024-09-04 02:45

vue项目vant下拉刷新，上拉加载，实现切换Tab页面数据下拉加载更多（分页）

1、html结构//原本这里我是写在上面的van-tab里面嵌套的，结果调用接口的时候会有bug(切换tab时接口的分页数据total为20条，结果渲染30条出来)所展示的内容2、data参数data(){return{pageNo:1,pageSize:10,loading:false,finished:false,active:'',listName:["Tab","所展示","的","内容"
番茄小酱001·2024-09-04 02:14

http常用缓存策略及vue-cli单页面应用、服务器端(nginx)如何设置缓存或者禁用

问题描述vue项目打包上线之后，每一次都会有浏览器缓存问题，需要手动的清除缓存。这样用户体验非常不好，所以我们在打包部署的时候需要尽量避免浏览器的缓存。
前端李小白·2024-09-03 22:55

vue项目使用艺术字体

目录1、下载免费字体2、字体下载完成之后，这些字体不能直接使用，需要进行转换格式3、将woff文件放在static静态资源文件夹里面4、在公共样式的css文件中引入该字体（公共样式的文件要在main.js引入）5、使用方法1、下载免费字体这些是我找的一些下载字体的网站（有些事需要收费的）字体天下软件站字谷网有字库2、字体下载完成之后，这些字体不能直接使用，需要进行转换格式转换格式（转换为.woff
煮豆燃豆萁~·2024-09-03 22:21

keep-alive动态缓存配置

vue项目中，列表进入详情返回列表需要缓存；但是点击菜单又不需要缓存，所以需要结合keep-alive设置页面动态缓存keep-alive设置includes缓存数组import{computed,watch
qq_41068783·2024-09-03 17:21

使用 Nginx 部署前端 Vue 项目：跨平台详细指南

它可以快速处理静态内容，同时支持负载均衡、反向代理等功能，非常适合部署前端应用，如Vue项目。二、准备工作：构建Vue项目在部署之前，首先需要将Vue项目进行打包构建，生成可部署的静态文件。
Hello.Reader·2024-09-03 11:14

Vue项目的打包方式（生成dist文件）

如果咱是用vue-cli创建的项目，则项目目录中没有config文件夹，所以我们需要自建一个配置文件；在根目录src下创建文件vue.config.js，需注意文件名称必须是vue.config.js，然后在文件中插入以下代码：//打包配置文件module.exports={assetsDir:'static',parallel:false,publicPath:'./',};打包执行命令:npm
她说她一如既往的爱我·2024-09-03 09:26

搭建vue2.0工程步骤

在终端窗口中，通过以下命令安装VueCLI工具：npminstall-g@vue/cli创建新的Vue项目。在终端窗口中运行以下命令：vuecreate项目名称例如，如果你的
鼠年大吉·2024-09-02 21:13

克隆Vue项目npm安装依赖报错解决

克隆Vue项目npm安装依赖报错解决##在网上克隆了一个Vue项目，但是在安装依赖的时候报错了##由于本人是小白也看不出来是什么意思###但是还是有解决方法的：1、在项目文件夹打开CMD，输入指令（npmcacheclean
晨伯kk·2024-09-02 16:48

Vue项目“npm run serve”总卡住的问题 已解决

Vue项目“npmrunserve”总卡住的问题已解决概述如果卡住进度在51%直接看这篇https://blog.csdn.net/qq_34419312/article/details/141681307
二川bro·2024-09-02 16:17

h5在ios qq浏览器打开图片不显示

把图片链接改变成https即可：纯前端实现代码：1、在vue项目的main.js添加过滤器：//图片过滤Vue.filter('imgHost',function(value){varimgStrArr
O蚂蚁O·2024-09-02 12:10

nginx部署前端vue项目

在Nginx上部署Vue.js前端项目相对简单，通常包括以下几个步骤：1.构建Vue.js项目首先，你需要将Vue.js项目打包为静态文件。npmrunbuild这将生成一个dist文件夹，里面包含了你的Vue.js应用的所有静态资源。2.安装Nginx在服务器上安装Nginx。如果你使用的是Ubuntu，可以使用以下命令安装：sudoaptupdatesudoaptinstallnginx3.配
iangyu·2024-09-02 11:48

Nginx部署前端Vue项目

在使用Nginx部署前端Vue项目时，我们主要关注的是如何高效地将静态资源（HTML、CSS、JavaScript、图片等）提供给客户端浏览器。
hai40587·2024-09-02 10:41

使用 Nginx 部署前端 Vue 项目

一、环境准备在开始部署之前，我们需要确保我们的环境中已安装以下软件：Node.js和npm：用于构建Vue项目。VueCLI：用于快速创建Vue项目。Nginx
vvvae1234·2024-09-02 09:35

使用Nginx部署前端Vue项目

在使用Nginx部署前端Vue项目时，我们主要关注的是如何高效地将静态资源（HTML、CSS、JavaScript、图片等）提供给客户端浏览器。
bigbig猩猩·2024-09-02 08:31

Nginx 部署 Vue 指南

安装完成后，使用以下命令安装VueCLI：npminstall-g@vue/cli2.2创建和构建Vue项目如果你还没有Vue项目，可以使用VueCLI创建一个新的项目：vuecre
高危型·2024-09-02 04:33

【前端框架开发 | Vue.js | 第一篇】Vue.js框架简介、安装及打包教程

文章目录前言什么是Vue.js为什么是Vue.jsVue.js安装打包Vue项目方法一：vite打包方法二：webpack打包webpack执行流程总结前言正式开始学习前确保确保你已掌握前端三件套：HTMLCSSJavaScript
秋说·2024-09-01 22:52

【已解决】Vue Duplicate keys detected: ‘[object Object]’

【已解决】VueDuplicatekeysdetected:‘[objectObject]’在Vue项目开发过程中，我们可能会遇到这样的报错：“Duplicatekeysdetected:‘[objectObject
二川bro·2024-09-01 12:51

2021-10-21 vue笔记-组件化开发(四) 组建通信:非父子通信-事件总线,在vue项目中使用eventbus的例子

文章目录1.事件总线(eventBus)定义用途原理2.eventBus使用步骤3.在HTML网页中使用事件总线:模拟公众号和用户之间信息的发送和接收代码结果4.在vue项目中使用事件总线:点击增加减小按钮实现数值的增减
前端OnTheRun·2024-09-01 09:28

动态修改网页icon图标

动态修改网页icon图标//如果在vue项目中在App.vue下的created()中输入varlink=document.querySelector("link[rel*='icon']")||document.createElement
涔溪·2024-09-01 04:30

vue项目打包压缩静态资源—使用compression-webpack-plugin

vue项目打包压缩静态资源—使用compression-webpack-plugin场景：vue项目打包上线后，资源加载缓慢，用户体验感差。
牛小妞~牛·2024-09-01 02:51

使用npm第一次创建vue项目时报错 errno -4058 no such file or directory, mkdir ‘XXXXXXXX‘解决办法

使用npm第一次创建vue项目时报错errno-4058nosuchfileordirectory,mkdir'XXXXXXXX'解决办法C:\Users\Administrator目录下的.npmrc
JadeHanLiang·2024-08-31 14:30

前端播放RTSP视频流，使用FLV请求RTSP视频流播放（Vue项目，在Vue中使用插件flv.js请求RTSP视频流播放）

简述：在浏览器中请求RTSP视频流并进行播放时，直接使用原生的浏览器API是行不通的，因为它们不支持RTSP协议。为了解决这个问题，开发者通常会选择使用像flv.js这样的库，它专为在浏览器中播放FLV和其他流媒体格式设计。然而，flv.js本身并不直接支持RTSP，这意味着我们需要一个额外的步骤来桥接RTSP和flv.js。这里来记录一下详细介绍：在Vue中使用flv.js插件播放RTSP视频流
北城笑笑·2024-08-30 20:34

nginx部署前端vue项目完整详细讲解

前言：在使用Nginx部署前端Vue项目时，确保项目的生产环境版本已经打包，并且Nginx已经安装并配置在服务器上。以下是详细的步骤，包括打包Vue项目、配置Nginx、部署和测试项目。
程序员小羊！·2024-08-30 17:40

vue 使用el-table 设置了show-overflow-tooltip属性，路由跳转后，气泡不消失的解决办法

文章目录一、问题场景二、解决方法1.问题bug2.最终解决总结一、问题场景在vue项目里使用el-table做一个列表页面，表格设置了show-overflow-tooltip属性，文字过长时鼠标滑过会展示气泡显示全部文字内容
前端小白记录·2024-08-30 12:09

webpack4手动搭建Vue项目

，达到运行程序的目的3.无论什么东西都转成js，然后插入到一个空空的html文件中运行4.webpack就是个管理者，管理着一堆loader，一堆loader的作用就是把自己负责的东西弄成js手动搭建Vue
YUELEI118·2024-08-30 12:37

使用npm配置vue项目历程

1、使用npm配置vue项目历程1.1、npm安装项目环境很慢配置国内淘宝镜像npmconfigsetregistryhttps://registry.npm.taobao.org指定国内镜像仓下载软件
hzw0510·2024-08-30 12:04

Vue3+Vite2环境变量配置，分别配置本地，测试，正式

第一步：在Vue项目创建三个文件分别为.env.env.development.env.production与Vite.config.js同级别//.env(配置本地开发地址)VITE_HOST='172.20.25.155
embelfe_segge·2024-08-30 04:47

Vue项目 - 超时登出后如何跳login登录后返回之前页面

在项目中，我们会经常遇到超时登出的功能。跟后台约定好超时登出后返回的code。目前这个项目的登出code是401。由于我们的axios是全局配置的，所以只需要在axios发送get或post请求的地方做一个是否登出的判断：（以下已post为例）axios.post(url,params).then(response=>{if(response.data.code=='0'||response.da
1994陈·2024-08-30 01:16

Vue笔记总结（Xmind格式）：第二天

2.安装VueCLI：cmd指令npminstall-g@vue/cli3.创建Vue项目：vuecreate项目名4.启动服务器：npmrunserveVue脚手架生成的主要项目文件：1.node_modules
星河路漫漫·2024-08-29 16:28

Vue项目中Axios取消请求功能实现

1，封装axios实例request.jsconstaxios=require('axios');//创建一个axios实例constservice=axios.create({baseURL:"https://ip:port",timeout:60000});exportdefaultservice2，封装请求api.jsimportservicefrom'request'importaxios
流云紫电·2024-08-29 09:43

Vue项目Hash/History模式下的分享问题

经过测试和总结，有以下几点：使用hash模式和history模式都有需要注意的地方去配置：不同系统打开页面时链接变化hash模式hash模式是默认的，在连接上自动生成的#，需要注意的是安卓会在打开新页面时候，自动截取掉#后面的参数，之前的微信支付调用授权时，hash模式下安卓系统页面跳转回来都不会刷新，导致无法获取新链接中的参数。此处注意的是不能使location.search不能为空，也就是需要
phcodebook·2024-08-28 20:28

快速删除前端vue项目的依赖

npminstallrimraf-grimrafnode_modules有些时候项目启动不在希望的端口，解除端口占用8080是被占用的端口netstat-ano|findstr:808011120是找到的进程taskkill/PID11120/F在网页创建新分支devgitremoteupdateorigin-p//更新远程分支gitbranch-a//查看所有分支gitcheckoutdev//
代码老祖·2024-08-28 03:47

使用Vue创建cesium项目模版该如何选择？

在Vue项目中创建Cesium工程时，选择合适的模版对于项目的开发效率和后期维护至关重要。关于cesium、ces
激动的兔子·2024-08-28 03:16

vue 如何合并两个 项目_实例详解Vue基础学习之项目整合及优化

Vue基础学习之项目整合及优化前言使用webpack构建过Vue项目的同学应该知道alias的作用，我们可以使用它将复杂的文件路径定义成一个变量来访问。
weixin_39690401·2024-08-28 02:42

el-table自定义排序

需求：Vue项目用到了el-table做的表格，需要前端根据指定条件去排序表格，后端没有进行排序。
百思不得小李·2024-08-27 11:37

Vue3 递归组件

本文简介点赞+关注+收藏=学会了在日常Vue项目中，大概率会用组件库辅助开发，所以递归组件的出镜率可能不会非常高。但这并不代表递归组件不重要。本文用10分钟左右的时间让你掌握递归组件的用法。
德育处主任Pro·2024-08-27 10:26

Vue项目实战系列（一）：如何修改个人信息

Vue项目实战系列（一）：如何修改个人信息当你登录网站的时候，那么你肯定会有自己的个人信息，比如昵称，账户名，头像，性别以及电话等等。
前期后期·2024-08-27 01:05

Vue 项目实战1-学习计划表

Vue项目实战1-学习计划表一、大致实现思路1.页面结构设计使用ElementUI的`el-card`、`el-form`、`el-table`等组件来构建页面的基本结构。
架构师ZYL·2024-08-26 16:25

创建前端项目中架构基本流程(vue版)

本文章根据黑马程序员《大事件管理系统.md》整理编辑，不涉及具体项目实现，只整理项目前期准备的流程，具体项目实现可bilibili搜索黑马程序员获取此文档梳理搭建vue项目的基本流程及相应模板的创建本项目的技术栈本项目技术栈基于
小徐努力中·2024-08-26 15:50

vue项目大包错误记录-失误

背景：设置项目动态路由渲染，出现大包报错、报错内容：prerender-spa-plugin报错Unabletoprerenderallroutes!原因：将开发环境的main.js复制到生产环境main-prod.js进行更改，忽略了需要添加mounted(){document.dispatchEvent(newEvent('render-event'));},贴图：添加上即可。。
来赶鸭子上架·2024-08-25 20:19

vue项目中通过url数组一次下载多个文件

后台拿到需要下载的url数组，最开始想到的是在页面创建a标签，通过a标签的点击来实现下载downloadFile(content,filename){//创建隐藏的可下载链接leteleLink=document.createElement('a')eleLink.setAttribute('class','upload-file')letevt=document.createEvent('HTM
不要问我，我什么都不知道·2024-08-25 14:44

vue项目一次性下载多个文件

这是我的前端文件放的位置，我的需求是点击按钮可以下载多个模板varurlList=[]urlList.push('/template/xxx.xlsx')urlList.push('/template/xxx.xlsx')urlList.push('/template/xxx.xlsx')for(leti=0;i{iframe.remove()},3*1000)}
正在呼吸·2024-08-25 14:42

vue项目，自动清除浏览器缓存

一：pages.json中的version版本号，每次打包部署前，改变version二：在main.js中判断version，本地存的version和本次的version比较，如果不同，就强制清除缓存constVUE_APP_VERSION=require('../package.json').versionconstvers=window.localStorage.getItem("appVer
孙芝琳_629·2024-08-24 12:08

Qt+vue开发桌面应用程序（二）Vue部分介绍

上一章介绍了Qt+vue开发桌面应用程序（一）Qt部分介绍，本文介绍Vue部分一、原理介绍主要是引入Qt5里面qwebchannel.js文件，再定义交互类和Qt5交互二、代码实现在Vue项目中的public
丁爸·2024-08-24 07:00

Vue3学习——Node环境安装（一）

在进行Vue项目开发时，必须先安装Node.js。Node.js是一个基于ChromeV8引擎的JavaScript运行环境。
rain_love_snow·2024-08-24 06:57
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他