前端Vue

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

目录一、准备工作1.1开发环境1.2服务器环境1.3Nginx安装二、构建Vue项目三、上传静态文件到服务器四、配置Nginx五、测试并重新加载Nginx六、访问Vue应用七、高级配置7.1启用HTTPS7.2启用Gzip压缩7.3缓存控制八、常见问题与解决方案8.1404错误8.2权限问题8.3跨域问题九、总结在现代Web开发中，Vue.js因其组件化、响应式数据绑定和易于上手的特点，成为了前端
小周不想卷·2024-09-10 01:41

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

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

【前端Vue】06 - VueCLI 脚手架

1.VueCLI介绍CLI是Command-LineInterface,翻译为命令行界面,但是俗称脚手架。VueCLI是一个官方发布vue.js项目脚手架，使用vue-cli可以快速搭建Vue开发环境以及对应的webpack配置。2.使用VueCLI需要做的准备2.1安装NodeJS下载地址。默认情况下自动安装Node和NPM。2.2安装符合要求的Node版本Node环境要求8.9以上或者更高版本
itlu·2024-09-06 06:50

2024年刚刚翻新前端vue面试题

1、vue中常用的指令及作用？v-text指令：用于更新标签包含的文本，它的作用跟双大括号效果是一样的v-html指令：绑定一些包含html代码的数据在视图上v-show指令：指令的取值为true/false，分别对应着显示/隐藏，改变的是元素css样式的display属性v-if指令：取值为true/false，控制元素是否需要被渲染v-else指令：和v-if指令搭配使用，没有对应的值。当v-
江湖二哥·2024-09-06 00:14

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与Mybatis-plus优雅的设计分页展示

1.前端Vue.js代码在Vue.js中，我们使用了ElementUI的Pagination组件来处理分页。前端代码中listQuery包含了分页所需的参数，例如currentP
程序员小徐同学·2024-09-03 16:15

若依框架：批量导入excel的数据到数据库

前端vue：按钮：批量导入js：/**批量导入按钮按钮操作*/handleImport(){this.openImport=true;this.reset();this.ImportTitle="批量导入数据
学编程的小明同学·2024-09-03 00:34

前端Vue + qrcode实现二维码生成

后端接口会返回一串由数字和英文组合的字符串getQRInviteCode(){//清除上一次的二维码if(this.$refs.qrcode){this.$refs.qrcode.innerHTML='';//清除二维码方法}//生成二维码(这里有个坑，一定要在new关键字前面用等于号，赋给一个变量，否则vue运行会报错)qrcode是HTML中的显示二维码的divsetTimeout(()=>{
小倪有点菜·2024-09-02 14:36

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项目

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

【Rust】——采用发布配置自定义构建

STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端
Y小夜·2024-09-01 19:04

【Rust】——高级类型

STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端
Y小夜·2024-09-01 18:00

day38-测试平台搭建之前端vue学习-ES6

一、为什么要学习ES6？1.1.ES5语言的先天性不足。比如变量提升、内置对象的方法不灵活、模块化实现不完善等等1.2.为了后面vue、尤其是react框架做好了准备1.3.目前大部分公司的项目都在使用es6二、ES6新特性2.1.let和const命令let和const//var//vara=2//1.let声明变量，没有变量提升//console.log(a);//leta=10;//cons
开测开测·2024-09-01 11:14

前端vue播放m3u8、flv、mp4视频的方法_vue mp4(1)

//this.db.src([//{//src:“https://e-sign.dms.t.cn-np.com/files/m3u8_file/c4b94118-3c8d-4410-9987-985c2b44c278/c4b94118-3c8d-4410-9987-985c2b44c278.m3u8”,//地址//type:“application/x-mpegURL”,//告诉videojs,这
2401_84437982·2024-08-30 20:01

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

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

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

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

后端使用Spring Boot框架 + 前端VUE 实现滑动模块验证码

在现在常用的登录验证码方式有很多种，但是都不可避免被攻击，但是有很多方式可以防止被攻击，从而进行维护。现在我就讲解一下滑动块验证码的实现方式：这个是前端代码，我使用的是vue，在使用的时候注意：注意几个关键点：使用Vue的data函数来存储组件的状态，如isDragging、sliderPosition等。使用Vue的mounted生命周期钩子来获取容器和滑块的宽度。使用Vue的ref属性来方便地
八百码·2024-08-26 00:45

vue前端更新后需要清空缓存

场景：前端vue3网站项目使用wepack打包后进行部署，但是用户浏览器访问网站时加载了缓存，导致没有及时更新。
woflyoycm·2024-08-24 12:06

前端Vue自定义询问弹框和输入弹框

前端Vue自定义询问弹框和输入弹框，下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?
前端组件分享·2024-08-22 21:50

node.js、npm、vue-cli简单概念

npm是包管理，负责前端项目的打包，插件下载等，可以理解成java中的maven项目中package-lock.json文件，类似于maven项目的pom.xml文件vue-cli是快速构建前端VUE项目的脚手架
【JAVA】玩家·2024-02-20 13:01

前端Vue3开发 “硬核” 新书来了

调查结果显示，使用Vue.js的开发者数量多于使用Vue2的开发者，而且大部分人仍在使用Vue2。这个结论与大家的预期可能不一致，有两个主要原因。一是老项目进入稳定期，重构成本高，没有必要升级。二是Vue3引入了大量新特性，如全面拥抱TypeScript、使用Vite替换Webpack等，大家担心这些新技术难以掌握，因此不敢在实际项目中应用。然而，Vue3是大势所趋，Vue2被替换只是时间问题。如
前端组件开发·2024-02-19 23:14

前端Vue必问面试题

1，Vue3.0为什么要使用proxy在Vue2中，0bject.defineProperty会改变原始数据，而Proxy是创建对象的虚拟表示，并提供set、get和deleteProperty等处理器，这些处理器可在访问或修改原始对象上的属性时进行拦截，有以下特点∶不需用使用Vue.$set或Vue.$delete触发响应式。全方位的数组变化检测，消除了Vue2无效的边界情况。支持Map，Set
·2024-02-19 15:24

尚硅谷前端Vue2.0+Vue3.0

尚硅谷前端Vue2.0+Vue3.0简介VueVue基础Vue-cliVue-routerVuexelement-uivue3一套用于构建用户界面的渐进式JS框架。
wqy19941008·2024-02-19 11:18

vue2使用axios封装请求数据，教会你封装，简单易懂，轻松学会axios封装请求数据 看一眼就会 手把手教会

前端vue2中axios封装请求数据，教会你封装教会你请求数据简单易懂，轻松学会axios封装请求数据看一眼就会手把手教会1、在完成下面的步骤之前，先脚手架创建vue项目，然后再vue项目当中，首先先创建一个文件夹
奈何夕（小艾）·2024-02-15 01:30

java+springboot+vue试题库在线学习系统05umj

技术路线：B/S架构，后端springboot框架，前端Vue.js框架。主要功能模块（至少六大功能），参考任务书并拓展（1）用户管理模块：规定不同角色的用户对系统中各个功能模块的使用权限。
小雨cc5566ru·2024-02-14 23:24

前端vue 数字 字符串 丢失精度问题

1.问题后端返回的数据是这样的一个字符串类型的数据前端要想显示这个肯定需要使用Json.parse()转换一下但是目前有一个问题转换的确可以showId:1206381711026823172有一个这样的字段转换了以后发现字段成了1206381711026823200精度直接丢了原本的数据中他是一个数字有可能太长了{"area":"藁城区","cinemaAddress":"藁城区岗上镇富强大街7
喝一杯维C·2024-02-13 08:57

关于前端vue的一些记录

环境准备：node.js、npm、webpack、vue-cli、VsCode（WebStorm）1.去node中文官网下载自己所符合的安装包安装2.安装npm(cnpm)npminstall-gcnpm--registry=[http://registry.npm.taobao.org](http://registry.npm.taobao.org/)cnpm为淘宝镜像，安装项目依赖包效率高于n
主角_32a4·2024-02-12 10:54

前端Vue上传图片到七牛云&后端Django上传图片到七牛云

目录前言上传方式Vue上传图片到七牛云Django上传图片到七牛云前言在开发项目的时候，经常会用到上传图片的功能，如果把图片全都存放在项目路径下，会导致项目越来越臃肿，因此可以考虑把图片上传交给第三方处理，此处采用七牛云进行图片存储。经过测试，通过七牛云获取图片确实比直接通过自己的服务器获取的速度要快得多，赶快去注册七牛云吧。上传方式上传图片的方式有两种：通过服务器：将文件传到服务端，由服务端上传
唐宋缘明卿_cris·2024-02-11 06:38

ArkTS - @Prop、@Link

（跟前端vue中父组件向子组件传递参数类似）//子组件@ComponentstructSonCom{@Propname:stringbuild(){//···}}//子组件@ComponentstructSonCom
@红@旗下的小兵·2024-02-11 06:15

golang通用后台管理项目——Go+Vue通用后台管理项目实战

掌握go语言开发前后端分离项目的能力6、从0到1开发完整前后端分离项目的能力技术栈：go后端gin+gorm+swagger+reids+jwt+base64Captcha+mysql+yamlvue前端
怪我冷i·2024-02-08 23:08

【JavaWeb】头条新闻纯JavaWeb项目实现 项目搭建 数据库工具类导入 跨域问题 Postman 第一期 (前端Vue3+Vite)

文章目录一、项目简介1.1微头条业务简介1.2技术栈介绍二、项目部署三、准备工具类3.1异步响应规范格式类3.2MD5加密工具类3.3JDBCUtil连接池工具类3.4JwtHelper工具类3.4JSON转换的WEBUtil工具类四、准备各层的接口和实现类4.1准备实体类和VO对象4.2DAO层接口和实现类4.3Service层接口和实现类4.4Controller层接口和实现类4.4.1Por
道格维克·2024-02-08 19:51

2021-06-07

工作：读懂若依管理后台的前端vue代码学习：中级会计实务，昨天完成了第四章无形资产的四个小节，作业还剩一半左右。
Oxalis·2024-02-07 20:25

vue前端RSA使用公钥进行加密，公钥进行解密

这里实现的是前端vue使用rsa对aes的密钥进行加密解密。
夜雨星光~·2024-02-07 08:45

2019-07-08

前端vue到js到顶层的app.vue到index的’‘（是后端路径名）到后端routes到数据库Ajax框架修改url
三野道长·2024-02-07 06:14

基于elementUI的Vue 中 el-form 嵌套 el-table的写法

前端页面：前端vue代码：data(){return{ruleForm:{evidenceTemplateList:[]},rules:{sealName:[{required:true,message
大橙子软件·2024-02-06 10:43

Vue3入门到实战笔记03--标签的ref属性/ props

用在普通DOM标签上：尚硅谷前端Vue点我打印内容import{ref}from'vue'lettitle1=ref()lettitle2=ref()lettitle3=ref()functionshowLog
jxncxgx·2024-02-05 23:52

vue前端+nodejs后端通信-简单demo

技术架构前端vue+axios后端nodejs+express一、前端部分-搭建VUE项目vuecreateVnodenpmrunserve启动；具体操作步骤，请自行百度，这里没什么难度昂。
和世界不一样，那就不一样！·2024-02-05 10:01

使用Jenkins中的Pipeline流水线自动化部署前端Vue项目

1、pipeline简介：JenkinsPipeline是一套插件，支持将连续输送Pipeline实施和整合到Jenkins。Pipeline提供了一组可扩展的工具，用于通过PipelineDSL为代码创建简单到复杂的传送Pipeline语法：agent：表示Jenkins应该为Pipeline的这一部分分配一个执行者和工作区。stage：描述了这条Pipeline的一个阶段steps：描述了要在
珍朱(珠)奶茶·2024-02-05 09:42

vue3+threejs+koa可视化项目——模型文件上传(第四步)

threejs系列⭐koa后端文件上传(koa-body)自动创建目录自定义目录上传apifox自测上传接口⭐vue3前端上传模型文件axios接口上传使用antdesignvue上传⭐总结后端koa前端
yma16·2024-02-05 06:33

前端vue/react项目压缩图片工具@yireen/squoosh-browser

想要在前端项目中压缩图片，然后再上传到后端保存，就需要一个压缩工具的帮助，暂时有两个依赖库可以选择：image-conversion和yireen/squoosh-browser，看了官方仓库地址和更新时间等详情，发现还是yireen/squoosh-browser最新一些，所以就选择了yireen/squoosh-browser。@yireen/squoosh-browser地址：@yireen
1024小神·2024-02-04 18:52

评论区功能的简单实现思路

基于你的技术栈（前端Vue3，后端Java），下面是一个具体的实现思路和数据库设计建议，并探索一下知乎的评论系统。数据库设计评论功能的数据库设计是整个功能实现的基础。
CoderJia程序员甲·2024-02-04 11:19

前端Vue项目实现钉钉扫码免登录

从前端实现的原理是引入二维码后，拿到返回页面的code，将code传到服务器获取数据库里的用户信息，匹配进行放行第一步：在钉钉开发者平台创建一个应用，拿到相对应的appId,测试时回调地址可以直接填自己本地在public中的index.html引入钉钉依赖在页面template中放一个盒子存放二维码
春风得意的风·2024-02-04 03:56

前端Vue every() 方法

every()方法用于检测数组所有元素是否都符合指定条件（通过函数提供）。every()方法使用指定函数检测数组中的所有元素：如果数组中检测到有一个元素不满足，则整个表达式返回false，且剩余的元素不会再进行检测。如果所有元素都满足条件，则返回true。注意：every()不会对空数组进行检测。注意：every()不会改变原始数组。
学心理学的猫·2024-02-03 21:50

前端vue+elementui导出复杂（单元格合并，多级表头）表格el-table转为excel导出

需求：前端对el-table表格导出插件：npminstallxlsx-Snpminstallfile-saver--save原理：直接导出el-table的表格里面的数据，这样就会存在缺点，只会导出当前页面的数据，如果需要导出全部数据，可以自己重新渲染一个全部数据不可见的el-table表格，来导出就可以了扩展：经过测试，不止el-table表格可以导出，各种各样的ui组件的表格都可以导出，例如
MadSnail00·2024-02-02 16:26

前端vue将普通数组转换为父子级的树形结构数组

如果获取的数据具有上下级关系，可以在前后端进行数据处理。这里我通过前端编写一个方法将普通数组转换为父子级的数据。1.编写转换方法，父子级数据主要通过id和父级id进行体现transformTozTreeFormat:function(sNodes){vari,l;varr=[];vartmpMap={};for(i=0,l=sNodes.length;i{console.log(res)if(re
xiaotiaoza·2024-02-01 14:00

大前端Vue框架的开发流程介绍与实践

前后端分离开发是目前流行的大趋势，所谓前后端分离，仅从技术层面讲主要是指前端通过调用后端提供的接口实现页面的交互逻辑。具体可以使用nodeJS、axios、ajax等进行交互，使用前后端分离开发主要有解耦和提高性能两点考虑：解耦：实现了前后端的解耦、静态资源与动态资源的分离。提高性能：减少了后端服务器压力，不再是全局刷新，而是异步加载局部刷新。本文从整体上介绍Vue框架的开发流程，结合具体的案例，
编程一只蝶·2024-02-01 01:05

前端Vue日常工作中--CSS变量

Vue中简单使用：CSS变量，也称为自定义属性（CustomProperties），是一种允许在CSS中定义和使用的变量。这种特性的引入使得在样式表中更容易维护和调整值，提高了代码的可读性和可维护性。1.定义变量：在CSS中，变量以--开头，其语法为：:root{--main-color:#3498db;}:root表示文档根元素，通常是元素。变量名为--main-color，值为#3498db。
汪小敏同学·2024-02-01 01:56

前端vue直接导出文件

//前端导出handleExport(){//letdata={//beginDate:this.beginDate,//endDate:this.endDate,//}axios({method:'post',url:'/api/rexel-api/spot/value/export',responseType:"blob",data:{beginDate:this.beginDate,endD
33455432·2024-02-01 00:40
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他