vue项目实战开发第17页

Vue中的ajax请求、Vuex、Vue UI组件库

请求解决开发环境Ajax跨域问题准备好测试的服务器准备访问5000服务器存在跨域问题配置代理方式一：配置代理方式二：2、github用户搜索案例1、静态编写2、展示动态的数据和交互3、完善功能4、完整数据3、vue

gh-xiaohe·2024-01-12 12:31

Github 2024-01-12Java开源项目日报 Top10

根据开发语言中项目的数量，汇总情况如下：开发语言项目数量Java项目10Vue项目3ApacheFlink:开源流处理框架创建周期：3506天开发语言：Java协议类型：ApacheLicense2.0Star

孙琦Ray·2024-01-12 12:49

vue项目用hbuilder打包成APP后，返回键退出程序的解决办法

复制下面代码document.addEventListener('plusready',function(){varwebview=plus.webview.currentWebview();plus.key.addEventListener('backbutton',function(){webview.canBack(function(e){if(e.canBack){webview.back

钱段工程师·2024-01-12 11:10

Vue3项目目录结构以及变化一图看懂

通过createvue创建vue项目后的基本框架如下整体变化Vite.config.jsVue项目的配置信息，如：端口号等Package.json项目配置文件，包括项目名，版本号，依赖包，版本等package-lock.json

m0_58462450·2024-01-12 10:23

Vue入门五（Vue-CLI项目搭建｜vue项目目录介绍｜vue项目开发规范｜es6导入导出语法）

文章目录一、Vue-CLI项目搭建介绍node环境搭建1)下载与安装2）测试是否安装成功安装vue-cli安装vue脚手架创建Vue项目1）使用命令创建项目2）使用图形化界面创建项目二、vue项目目录介绍

0Jchen·2024-01-12 09:13

Vue基础-搭建Vue运行环境

包括node.js安装和配置、安装Vue及VueCLI工具、安装webpack模板、安装vue-router、创建Vue项目等步骤。

Damon小智·2024-01-12 07:32

饿了么简化版后台管理系统-eladmin-web

在开发vue项目的时候，用到的最多的就是vue-element-admin管理后台的模板了，但是有的时候，会发现一个问题，就是这个框架包含的是在是太多了，在开发一个轻便简单的后台管理系统的时候，就会显得很笨重了

祈澈菇凉·2024-01-12 07:23

怎样创建vue项目(分别基于vue-cli和vite两种的创建方式)

一、基于vue-cli脚手架创建1、安装node.js1、首先需要安装node.js，推荐下载地址：Node.js2、检查是否安装成功，使用打开黑窗口的快捷键window+R，输入cmd，在黑窗口输入node-v，如果输出版本号，就说明安装node环境成功，2、vue-cli搭建Vue开发环境VueCLI：命令行界面，俗称脚手架，VueCLI是一个基于webpack实现的，VueCLI是一个官方发

czy陈泽宇·2024-01-12 07:41

在vue项目中引入less

本文将简单介绍在vue2.x的环境下引入并使用less的流程1、安装less在项目的根目录下打开命令行工具，执行命令：npminstalllessless-loader--save-dev安装完成后打开build目录，修改webpack.base.conf.js中的相关配置：在module.exports中找到module中的rules数组添加如下代码：module.exports={......

BAEBAE996·2024-01-12 04:22

vue项目动态加载JSON并显示

1.封装JSON请求方法1>安装axiosnpminstallaxios2>引入并封装axios请求路径src/utils/requestJSON.jsimportaxiosfrom'axios';//createanaxiosinstanceconstservice=axios.create({method:'get',crossDomain:true,dataType:'json',baseU

梓喻·2024-01-12 04:57

在Vue3项目中添加Vuepress作为内嵌文档

在Vue项目中添加Vuepress作为内嵌文档vuepress2vuepress作为一个静态网站库，可以有效的开发网站的文档部分。我们可以在已有的vue项目中添加vuepress作为文档页面。

正宗咸豆花·2024-01-12 04:39

websocket的使用及nginx通信的ws代理配置

websocket的使用及nginx通信的ws代理配置最近在做的vue项目要使用websocket，本文讲述了websocket在vue中使用及打包后使用nginx代理。

酒渣·2024-01-12 02:09

vue文件下载：把文件流保存到本地

开发vue项目时经常碰到文件下载的需求，分两种情况：一种是：后台给文件路径，前端拼地址去下载文件另一种是：后台直接返回文件流，前端去处理第一种很简单这里就不赘述了，直接给出第二种接受文件流并下载的方法：

晴天暖宝宝·2024-01-12 02:08

vue项目跨域问题（图片跨域）devServer.proxy代理失效时，nginx反向代理解决跨域问题

前言本篇文章主要记录个人在公司项目开发中所遇问题，主要内容：在vue项目的开发中图片所存的服务器/端口号和项目所在的服务器/端口号不同，出现了跨域问题的保错。

他既深情.·2024-01-12 02:35

PostMan报错Error: connect ECONNREFUSED 127.0.0.1:端口号

练习Vue项目的时候，想让项目跑起来一开始输入node.

Daring!·2024-01-12 02:05

前端配置wabpack反向代理

域名端口地址都相同才可以不然就是跨域解决方案一般是后端配置cors请求头为*允许跨域–还有一种方式就上去前端配置反向代理进行跨域–重点:服务器向服务器发送请求是不会跨域的–所以遇到了跨域就需要用本地的服务器去发请求在开发vue

haosicx·2024-01-12 02:49

webstorm的使用技巧

开发vue项目时候快速新建一个vue文件file--seting--Editor--FileandTemplates--点击绿色+号--后面就输入自己的文件模板exportdefault{name:''

Young_Kind·2024-01-11 23:48

Vue总线Bus兄弟组件传参

一、前言使用场景：在vue项目较小的情况，使用bus总线思路来完成vuex的传值功能。

AI晓晓·2024-01-11 23:51

VUE项目后台管理系统--vue+elementUI组件table实现前端分页功能+前端模糊查询功能

前端后台管理会存在很多表格，表格数据过多就需要分页，前端交互每次搜索如果都请求服务器会加大服务器的压力，所以在数据量不是很大的情况下可以一次性将数据返回，前端做检索。效果一、查询条件代码如下（示例）：查询二、页面展示（1）分页展示@size-change的属性：绑定当前页数量的事件，当前页数量变化时，触发SizeChange方法@current-change的属性：改变当前页时会触发事件:curr

scorpion_V·2024-01-11 22:40

两周掌握Vue3（二）：Vue基本代码构成、Vue3指令详解

文章目录一、Vue项目代码逻辑1.main.js解析2.App.vue解析二、Vue3指令0.指令概述1.v-bind示例2.v-model示例3.v-if示例4.v-for示例5.v-show示例6.

TracyCoder123·2024-01-11 20:02

两周掌握Vue3（一）：安装、打包、目录结构

文章目录一、安装1.安装node.js和npm（windows）2.安装vue，创建vue项目报错：XXX不是内部或外部命令二、打包三、目录结构nodejs版本：v20.10.0npm版本：v10.2.3

TracyCoder123·2024-01-11 20:31

Uncaught ReferenceError: videojs is not defined

项目场景：项目背景：开发vue项目时，调试时浏览器前端控制台出现红色报错信息：UncaughtReferenceError:videojsisnotdefined问题描述遇到的问题：开发vue项目时，浏览器控制台出现如下所示的报错信息

努力学编程呀(๑•ี_เ•ี๑)·2024-01-11 20:16

vue 中import 不同层级目录下的文件的表示方式

项目场景：项目背景：vue项目中开发页面需要用到其它目录下的文件，需要使用import进行导入问题描述问题：importutilfrom'@/libs/util.js'importdrawerfrom'

努力学编程呀(๑•ี_เ•ี๑)·2024-01-11 20:15

vue项目使用公共js方法@令狐张豪

我们在做项目中会用到很多js方法，然后有些方法是通用的我们需要进行封装使用在src下创建utils目录并创建utils.js文件utils.js文件exportdefault{//判断手机机型versions(){varu=navigator.userAgent;return{trident:u.indexOf('Trident')>-1,presto:u.indexOf('Presto')>-1

令狐张豪·2024-01-11 16:05

Vue2：插件开发

一、场景描述给Vue项目开发插件,增强Vue的功能。

生产队队长·2024-01-11 16:11

Vue：多组件样式冲突问题解决

一、场景描述我们在开发Vue项目的时候，会有很多的组件，每个组件里，可能都会写相应的样式，这时候就会出现在父组件引入子组件的时候，同名样式会冲突的问题。从而导致样式出问题。

生产队队长·2024-01-11 16:40

vscode运行vue项目报错

vscode运行vue项目报错1.正常情况下，第一次运行时先删掉原来项目的node_modules包，然后npminstall重新安装依赖即可由于我某些地方可能安装错误，上面的方法并不适用，可以尝试下面的方法

weixin_44145526·2024-01-11 13:42

docker部署vue项目--nginx

docker部署vue项目，在网上搜罗很多教程，但是可能因为我的理解不够深入，都一一失败了。

重生之机械生做程序猿·2024-01-11 12:22

【Jenkins】部署vue项目（多种方式部署）

文章目录Jenkins部署vue项目先安装node.js上传到linux并解压配置Jenkins环境变量jenkins创建任务部署方式第一种（npmrunbuild）打包的形式执行脚本buildSteps

孟德爱吃香菜·2024-01-11 11:57

vue3知识点5.2项目路由router教程 vue项目引入路由搭建路由嵌套路由路由传参导航守卫命名视图重定向别名

vue3知识点5.2项目路由router教程（汇总路由全部用法）前言：上一章我们学会了如何用vue3cli搭建项目。vue3脚手架搭建项目链接,这一章我们要给项目引入路由，路由介绍，项目搭建路由，嵌套路由，…导航卫士，命名视图，自己看目录吧。总之，这文也太长了。一、路由介绍当加入VueRouter的时候，我们需要做的就是将我们的组件映射到路由上，下面是一个基本的例子：HTMLHelloApp!`将

luanmabug·2024-01-11 10:55

使用 Vue 3 实现基于身份的权限验证

1:首先，你需要在Vue项目中安装vue-router和vuex（用于状态管理）：npminstallvue-routervuex2:创建一个路由配置文件router.js，并配置你的路由规则和权限需要验证的路由

星空,二脚·2024-01-11 10:46

vue中莫名其妙报错“cannot read property of undefined”

前言vue项目中经常会遇到"cannotreadproperty‘某某某’ofundefined"的报错信息。下面我就简单分析下报错原因及解决方法问题描述info是服务端返回的数据，是一个对象。

梁栋沉·2024-01-11 07:29

Wpf 使用 Prism 实战开发Day10

数据库创建1-9章节已经把基本功能都做好了，但页面的数据是后台模拟生成的静态数据。接下来所有章节就是实现，页面的所有数据都是从数据库中获取，并且实现页面数据的持久化以及增删改查。一.使用微软提供的Microsoft.EntityFrameworkCore（EF）做为数据库访问,然后通过EF工具根据代码,创建表、生成数据库表结构、以及迁移文件。使用Sqlite做为数据库1.打开MyToDo.Api项

小丫头呀·2024-01-11 07:48

vue项目实现复制内容功能（指令和按钮式复制）

安装vue-clipboard2插件（基于clipboard封装的插件）指令式触发复制方法绑定式触发复制一、npminstall--savevue-clipboard2安装依赖二、指令式复制内容三、方法绑定式触发内容

椒盐大肥猫·2024-01-11 05:55

vue项目实现内网穿透

实现步骤使用uTools软件的“内网穿透”插件配置vue项目配置内网穿透插件参数一、下载uTools软件并安装内网穿透插件，如下图所示：二、配置vue项目参数在webpack.dev.conf.js文件下配置相关参数

椒盐大肥猫·2024-01-11 05:54

centos系统部署vue项目

参考文章1参考文章2参考文章31.部署前依次执行下列命令yuminstallgcc-c++yuminstall-ypcrepcre-develyuminstall-yzlibzlib-develyuminstall-yopensslopenssl-devel2.下载Linux版本的Nginx安装包下载地址https://nginx.org/en/download.html依次执行下列命令cd/us

UCASXS·2024-01-11 05:45

Nginx部署VUE项目

Nginx部署VUE项目1.安装nginx2.输入nginx-t查看nginx.conf文件地址.乌班图系统参考这里3.修改配置文件如下server{listen80;#监听80端口server_namecce.aleteam.cf

UCASXS·2024-01-11 05:14

整理Vue项目中的那些环境变量

整理Vue项目中的那些环境变量为什么去了解这个项目中的环境变量？

放荡不羁的小雨鸽·2024-01-11 05:03

vue项目开发技巧(require.context)

require.context主要使用require.context实现前端工程化动他引入文件require.context(directory,useSubdirectories=false,regExp=/^.//)第一个参数目标文件夹是否查找子集true|false正则匹配比如：require.context('./router',true,/\.routes\.js/可以理解为获取rout

惗Study溡光_0cdd·2024-01-11 04:00

搭建Vue项目【最后附Mint】

vue文档：https://cn.vuejs.org/v2/guide/1、检查npm和node版本node.js下载地址：http://nodejs.cn/download/图1查看版本号2、全局安装vue-cli命令【npminstall--globalvue-cli】图2搭建全局vue脚手架3、进入你的项目目录，创建一个基于webpack模板的新项目命令【vueinitwebpack1909

Mandy肉肉·2024-01-11 02:23

Vue组件：Vue Router以及路由守卫，含路由的基本使用，配置，路由传参，导航方式，缓存；路由守卫的三种用法

它只能结合vue项目进行使用，能够轻松的管理SPA项目中组件的切换。

CodeMonkey-D·2024-01-11 00:12

vue项目心得（复盘）

在编写项目过程中，首先是接手一个需要优化的项目，需要查看vue.config.js环境配置地址，确认好测试地址后进行开发，目前在开发过程中，遇到的最多的问题就是关于组件间的，组件间传值1、父组件异步传值，导致子组件没有收到参数，从而导致在不同的生命周期中console.log均可以打印出正常的数据，唯独在渲染的时候，会发现数据是空的。解决办法，异步操作时用async，await，或者在组件渲染中添

前端小臻·2024-01-10 22:12

即时通讯技术文集（第22期）：IM安全相关文章(Part1) [共13篇]

链接]http://www.52im.net/thread-216-1-1.html[摘要]本文主要讨论针对Android这样的移动端应用开发时，如何正确的理解目前常用的加密算法，为诸如即时通讯应用的实战开发

jackjiang20212·2024-01-10 21:39

Vue实战——Element Plus入门案例

Vue3UI框架|ElementPlus(element-plus.org)1.快速入门执行命令（在当前工程的目录下）：npminstallelement-plus--save2.案例项目创建一个工程化的Vue

熊猫发电机hhh·2024-01-10 20:05

Vue项目工程化创建和启动

一.Vue项目创建和启动1.创建一个工程化的Vue项目执行命令：npminitvue@latest2.Vue项目安装依赖执行命令：npminstall3.vue项目—目录结构4.启动项目1.执行命令：npmrundev2

熊猫发电机hhh·2024-01-10 20:34

黑马最新版Springboot3+Vue项目跟学笔记——Vue3的快速入门

一、vue的基本语法1.vue的快速入门：Document{{msg}}import{createApp}from'https://unpkg.com/vue@3/dist/vue.esm-browser.js'createApp({data(){return{msg:'hellovue3'}}}).mount('#app')2.v-for的使用：v-for案例Document文章标题分类发表时间

熊猫发电机hhh·2024-01-10 20:04

Vue学习笔记

基础笔记一、MVC与MVVM1.MVC（单向操作）model数据View视图controllor控制器2.MVVM（双向数据绑定）model数据View视图viewModel视图模型二、利用npm构建vue

陈俊嵩·2024-01-10 20:22

Vue项目在ie浏览器中显示白屏优化提示

在工作中用到Vue开发项目，用户在IE浏览器打开页面，结果显示空白屏。作为开发者当然知道是浏览器版本过低导致语法不支持，但是用户不知情的情况下显示空白屏就很不友好。这时候有必要在页面上做点提示语告诉用户切换浏览器，下面是页面效果：代码实现：关键代码：(function(window){vartheUA=window.navigator.userAgent.toLowerCase();if((the

Yongqiang Chen·2024-01-10 20:53

Vue项目路由路径中去掉#

在Vue中，有两种常见的路由模式：哈希模式（HashMode）和历史模式（HistoryMode）。哈希模式（HashMode）：使用URL中的#号来模拟路由。例如：http://example.com/#/about哈希符号后面的内容被称为哈希路径，在路由器中用于对应不同的组件或页面。哈希模式的优点是兼容性好，可以在不同的浏览器和服务器上正常工作。哈希模式的缺点是URL中包含#号，影响美观性。历

编程初学者01·2024-01-10 20:22

Vue项目里实现json对象转formData数据

平常调用后端接口传参都是json对象，当提交表单遇到有附件需要传递时，通常是把附件上传单独做个接口，也有遇到后端让提交接口一并把附件传递到后端，这种情况需要把参数转成formData的数据，需要用到newFormData()。json对象转formData，一个一个的赋值代码会非常冗余，并且遇到复杂的数据结构，还需要一层一层的往下循环赋值。因此写了一个demo解决当前问题以供参考，写的不好的地方欢

Yongqiang Chen·2024-01-10 20:51

推荐频道

vue项目实战开发