vue项目屏幕自适应

vue项目中使用mockjs模拟后端接口

Vue2中使用Mock.js来模拟数据是一个非常常见的做法，尤其是在前端开发时需要与后端接口交互但后端尚未完成的情况下。下面是一个简单的案例，演示如何在Vue2项目中使用Mock.js来模拟数据。1.安装Mock.js首先，确保在你的项目中安装了Mock.js。可以使用npm或yarn来安装：npminstallmockjs--save-dev或者yarnaddmockjs--dev2.将Mock

上趣工作室·2025-01-20 03:01

SpringBoot + Vue 项目超简单的合并部署方案

文章目录前言一、Vue项目二、SpringBoot项目三、服务器上的部署四、端口映射五、请求跨域前言最近在捣鼓SpringBoot与Vue整合的项目，看了网上很多套的方案，自己总结了一套为轻量级个人开发提供的项目部署方案

小北不想努力·2025-01-19 21:05

工具链之 Vite 常见的共享选项配置（二）

一些插件（如@vitejs/plugin-vue对于Vue项目）是项目所必需的，并且在所有环境中都应该被包含。

**之火·2025-01-19 17:01

如何解决 npm install 卡在“sill idealTree buildDeps“的问题

今天我要分享的是关于解决在Vue项目中执行npminstall时卡在"sillidealTreebuildDeps"的问题。这个问题可能会让你感到困惑，但是不用担心，我将会一步步为你解决。

D0ublecl1ck·2025-01-19 14:34

vue项目中chunk-vendors.js提示报错的查看方法

经常在vue项目中，会有chunk-vendors.js报出的各种错误提示，但可能有的报错很多人不懂的如何查看，接下来，给大家一个示例：上图中的报错，很多人可能只会看【Vuewarn】中的错误，而忽略【

java全套学习资料·2025-01-19 11:39

基于Python大数据的王者荣耀战队数据分析及可视化系统

计算机学姐·2025-01-19 07:03

基于微信小程序的健身房预约管理系统

计算机学姐·2025-01-19 06:31

Vue.js组件开发-如何实现表头搜索

以下是一个使用ElementUI的el-table组件实现表头搜索的示例：一、准备阶段‌确保ElementUI已安装‌：确保Vue项目中已经安装了ElementUI，并且已经在项目中引入。‌

LCG元·2025-01-18 12:08

Vue项目引入侧边导航栏

Vue项目引入侧边导航栏侧边导航栏能够非常方便进行信息检索，这一款不错的侧边导航栏：vue-side-catalog，基本上能满足快速检索的需求安装官网首先需要进入**vue-side-catalog*

byg_qlh·2025-01-17 21:12

深入解析Vue.js组件开发：从基础到进阶

Vue组件是Vue.js中最核心的组成部分，它是构建应用的基础单元，也是Vue项目模块化和重用的关键所在。

冷夜雨.·2025-01-17 00:39

Vue 开发者的 React 实战指南：部署与持续集成篇

构建流程对比Vue的构建流程在Vue项目中，我们通常使用：VueCLI或Vite构建工具npmrunbuild生成生产环境代码输出目录通常是dist#VueCLInpmrunbuild#输出到dist目录

·2025-01-16 18:34

基于SpringBoot的物业管理系统

计算机学姐·2025-01-16 14:07

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

屏幕自适应autofit.js介绍

1、首先下载autofit.js文件GitCode-全球开发者的开源社区,开源代码托管平台2、html中引入autofit.js在html文件中加上以下语句，中对应src路径要与项目位置一致3、注释掉autofit.js文件末尾语句，否则会报错//export{elRectification};//exportdefaultautofit;4、启动项目autofit.js在html页面中加入以下语

magic33416563·2024-09-04 22:50

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

推荐频道