vue项目问题积累

vue项目element-ui的table表格单元格合并

一、合并效果二全部代码exportdefault{name:'CellMerge',data(){return{tableData:[{id:'1',name:'王小虎',amount1:'165',amount2:'3.2',amount3:10},{id:'1',name:'王小虎',amount1:'162',amount2:'4.43',amount3:12},{id:'1',name:'
酋长哈哈·2024-09-16 06:59

springboot+vue项目实战一-创建SpringBoot简单项目

这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一
苹果酱0567·2024-09-16 06:56

vue2实现复制,粘贴功能

一、需求说明在项目中点击按钮复制某行文本是很常见的应用场景，在Vue项目中实现复制功能需要借助vue-clipboard2插件。
周bro·2024-09-16 01:23

vue axios 如何读取项目下的json文件

在Vue项目中，使用axios读取本地的JSON文件可以通过将JSON文件放置在public目录中，然后通过axios发起请求读取。
战族狼魂·2024-09-14 15:39

Vue项目中实现AES加密解密

本文将介绍如何在Vue项目中实现AES加密解密，包括ECB和CBC两种模式。环境搭建在Vue项目中使用AES加密解密功能之前，需要先安装crypto-js库。
小金子J·2024-09-14 09:30

vue项目在本地搭建时，npm install报错npm ERR! code E400

在npminstall运行的时候，总是出现400报错npmERR!codeE400npmERR!400BadRequest-GEThttps://registry.npmmirror.com/zrender/-/zrender-5.4.4.tgz（以上只展示了其中一种包安装时的400报错）尝试过更换多种npm源，都没有解决这个问题。最终，将项目中的package-lock.json删除，重新执行n
猪猡猪猡猪·2024-09-13 02:11

在 Vue 2 中使用 Axios 发起 POST 和 GET 请求

1.安装Axios首先，你需要在你的Vue项目中安装Axios。打开终端，切换到你的项目目录，然后运行以下命令：npmi
Jarvis Downey·2024-09-12 15:30

vue项目外挂配置文件（js 和 json）

文章目录前言特别注意:一、外挂JS配置文件1.创建config.js2.导入config.js到index.html3.使用config.js中的变量二、外挂json配置文件1.准备工作2.配置vue.config.js3.读入数据总结前言前端开发过程中，会有很多关键性的、易改动的常量，例如：后台url、第三方登录的url等其他第三方链接地址，它们都是很容易更改的常量。要是我们把这些变量写死在代码
不cong明的亚子·2024-09-12 11:36

Vue项目：将资源路径使用相对路径后，部分图片无法显示

Vue项目：将资源路径使用相对路径后，部分图片无法显示绝对路径通过上一篇文档，使用publicPath实现绝对路径转相对路径，这一篇，来说说我之后碰到的问题.在资源路径改变为相对路径后，我发现代码中比如
engineer_why·2024-09-11 23:47

vue项目结构

1.build目录用来存放对项目构建项目配置用来配置生产环境测试环境原始环境2.config目录用来修改生产配置和测试核心目录dev.env.js---开发环境变量index.js--项目配置文件prod.env.js--生产环境变量test.env.js--测试环境变量3.node_module目录用来存放当前项目的js依赖存放就是目录无序修改4.src目录用来存放日后自己开发代码的目录（重点）
手写冒泡排序·2024-09-10 10:54

vue项目架构

搭建项目框架,封装模块1.网络模块封装axios二次封装请求拦截器token是什么响应拦截器http协议2.动态权限菜单axios二次封装函数递归动态添加路由addRoutes刷新界面，菜单丢失问题，持久化存储技术实现点击菜单，不能找到路由组件问题,3.按钮资源权限根据登录用户角色获取能操作的资源列表，保存store自定义权限指令,封装有无操作该资源的权限v-permission=“[‘EditU
影子信息·2024-09-10 09:53

Vue项目结构

Vue项目的结构可以比较灵活，但通常情况下会包含以下几个部分：public目录：这个目录包含项目的静态资源文件，例如index.html，图片等。src目录：这个目录包含项目的源代码。
永远的12·2024-09-10 09:22

vue 项目代码架构

Vue项目的代码架构通常遵循一定的组织结构和约定，以提高项目的可维护性、可扩展性和可读性。
王小工·2024-09-10 08:13

Nginx部署前端Vue项目的深度解析

目录一、准备工作1.1开发环境1.2服务器环境1.3Nginx安装二、构建Vue项目三、上传静态文件到服务器四、配置Nginx五、测试并重新加载Nginx六、访问Vue应用七、高级配置7.1启用HTTPS7.2
小周不想卷·2024-09-10 01:41

Web前端最全初识Sentry前端监控，浅谈前端消息机制原理

2.1.3指令都使用缩写形式2.1.4标签顺序保持一致2.1.5必须为v-for设置键值key2.1.6v-show与v-if选择2.1.7script标签内部结构顺序2.1.8VueRouter规范Vue
2401_84433924·2024-09-09 17:18

vue项目安装sass报错解决

把package.json里面node-sass和sass-loader版本改成："node-sass":"^4.11.1"，"sass-loader":"^7.3.0"就可以了
max_jianshu·2024-09-09 08:08

在Vue项目中使用Proj4js库进行坐标系转换并加载WMTS服务

安装Proj4js：首先，在Vue项目中安装P
卡夫卡的小熊猫·2024-09-08 23:17

Linux中设置vue项目服务自启动

一、摘要vue项目服务启动是进入到根目录，然后使用npmrundev启动环境，服务器由于重启或者网络波动等原因，会无辜的停止这个服务，如果是自己搭建的项目想自动启动，则需要搭建自启动服务。
ADONGS_CODER·2024-09-08 12:29

前端vue项目服务器部署(docker)

前端vue项目服务器部署(docker)步骤1:导入NginxDocker镜像1、上传NginxDocker镜像将你的nginx-alpine.tar包上传到服务器上。
Think-killer·2024-09-08 11:54

Vue项目部署到Docker中

随笔Vue项目打包1，首先先进入vue项目中键入npmrunbuild打包项目npmrunbuild然后在项目的根目录下dist文件夹，里面通常有一个static文件夹及index.heml页面也是项目的入口
m0_67392273·2024-09-08 09:11

解决使用脚手架构建项目缺失node_modules文件夹文件问题

昨晚，在教我前端交流群里面的朋友搭建vue开发环境和构建vue项目的时候发现我自己之前能正常构建vue项目的现在却不行了，排查之下发现通过脚手架构建项目的时候项目缺失了node_modules文件夹，在我排除了
weixin_30414635·2024-09-07 20:38

【Electron-Vue】构建桌面应用（4）-linux-windows-mac交叉打包

1.前言上两篇博客做了在windows下的electron-vue项目的打包发布，由于electron是跨平台的，所以需要产品支持多平台即Windows，Linux，Macos系统。
逆风飞翔的猿·2024-09-07 19:02

JavaEE(3)

业务分析市场提出需求设计编码测试运维项目搭建步骤1.搭建后端项目2.登录向后端发送请求使用axios发送异步请求在vue项目中安装axios在终端输入npminstallaxios安装更换npm镜像源，
无柳丶先生·2024-09-07 12:14

在 Spring MVC 中部署路由为history模式的vue项目

为了处理Vue.js的History模式，需要在SpringMVC中配置一个控制器来转发所有的非API请求到index.html。这样，前端路由可以接管URL并正确显示Vue.js组件。创建一个控制器（例如ForwardingController）来处理所有的前端路由：importorg.springframework.stereotype.Controller;importorg.springf
Faith-J·2024-09-07 10:27

NODE_ENV 与 Vue

在Vue项目中，Vue提供了自己的配置方式。这就要涉及到VueCLI中模式的概念了。VueCLI文档说明了这个问题。
乞力马扎罗的血·2024-09-06 23:09

SPIRNGBOOT+VUE实现浏览器播放音频流并合成音频

一、语音合成支持流式返回，通过WS可以实时拿到音频流，那么我们如何在VUE项目中实现合成功能呢。语音合成应用非常广泛，如商家广告合成、驾校声音合成、新闻播报、在线听书等等场景都会用到语音合成。
定制开发才有价值·2024-09-06 09:41

VUE Uncaught (in promise) Error: Network Error vue项目中net::ERR_CONNECTION_TIMED_OUT错误

前台修改axios\axios.interceptor.js,duration:300000000000,{Message({message:"请求超时,请检查本地或服务器网络情况!",type:"error",duration:300000,showClose:false,customClass:"el-message--error-custom",dangerouslyUseHTMLStrin
一入程序无退路·2024-09-06 03:08

nginx 部署前端项目的详细步骤（vue项目build打包+nginx部署）_前端工程打包部署到nginx(2)

//开启服务1.startnginx.exe//cmd命令进入nginx文件夹后，使用该命令2.直接点击nginx目录下的nginx.exe//停止服务nginx-sstop//快速停止nginxnginx-squit//quit是完整有序的停止nginx//重新加载配置文件nginx-sreload//热加载####2.2.2默认配置**nginx-1.21.0\conf下的nginx.conf
2401_84437170·2024-09-05 03:25

在Vue项目里使用ECharts图标库

ECharts官网地址：https://echarts.apache.org/v4/zh/feature.html一、在Vue项目下安装：npminstallecharts--save二、创建一个Chart.vue
石云升·2024-09-05 03:03

使用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
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他