草庐IT

proxy代理不生效、vue config.js不生效解决方法

vueconfig.js配置跨域不生效axios默认请求接口就是localhost,所以这里需要更改axios设置的默认请求设置在main.js文件里,设置axios.defaults.baseURL='/api'配置跨域vue.config.js文件夹要和src在同级别下module.exports={configureWebpack:{devtool:'source-map'},productionSourceMap:false,//生产环境是否要生成sourceMappublicPath:'./',//部署应用包时的基本URLoutputDir:'dist',//打包时输出的文件目录as

nodejs+vue+ElementUi银行贷款业务管理系统

银行贷款管理系统的主要实现功能包括:管理员:首页、个人中心、用户管理、银行管理、贷款信息管理、贷款申请管理、金额发布管理、还款信息管理、通知信息管理,用户:首页、个人中心、贷款信息管理、贷款申请管理、金额发布管理、还款信息管理、通知信息管理,银行:首页、个人中心、贷款信息管理、贷款申请管理、金额发布管理、还款信息管理、通知信息管理功能,基本上实现了整个银行贷款管理系统的过程。本文以nodejs为开发技术,实现了一个银行贷款管理系统。银行贷款管理系统的主要实现功能包括:管理员:首页、个人中心、用户管理、银行管理、贷款信息管理、贷款申请管理、金额发布管理、还款信息管理、通知信息管理,用户:首页、个

vue+nodejs商城实战项目【登录 + 购物车 + 支付】

从零开始一个前端项目并将其完成需要经历一系列步骤。以下是一个常见的开发流程,可以帮助规划和管理项目:需求分析和规划:确定项目的目标和范围。定义用户需求和功能要求。制定项目计划和时间表。技术选型:选择适当的前端技术栈,如HTML、CSS、JavaScript框架。针对项目需求选择合适的工具和库,例如React、Vue.js、Angular等。创建项目结构:设置项目文件夹和版本控制(如Git)。创建初始的项目文件结构,包括HTML、CSS和JavaScript文件。设计用户界面:创建项目的用户界面原型。设计UI和UX,包括页面布局、颜色、字体等。开发前端:编写HTML、CSS和JavaScript

基于Java+SpringBoot+Vue前后端分离聊天即时通讯系统设计与实现

博主介绍:✌全网粉丝5W,全栈开发工程师,从事多年软件开发,在大厂呆过。持有软件中级、六级等证书。可提供微服务项目搭建与毕业项目实战,博主也曾写过优秀论文,查重率极低,在这方面有丰富的经验✌博主作品:《Java项目案例》主要基于SpringBoot+MyBatis/MyBatis-plus+MySQL+Vue等前后端分离项目,可以在左边的分类专栏找到更多项目。《Uniapp项目案例》有几个有uniapp教程,企业实战开发。《微服务实战》专栏是本人的实战经验总结,《Spring家族及微服务系列》专注Spring、SpringMVC、SpringBoot、SpringCloud系列、Nacos等源

前端Vue日常工作中--Watch数据监听

Watch数据监听文章目录Watch数据监听普通应用1.1监听单个属性的变化:1.2监听嵌套对象的变化:1.3深度监听整个对象或数组:组件中应用(父子组件)2.1在父组件中监听子组件的数据变化:子组件Child.vue:父组件Parent.vue:2.2在子组件中监听父组件传递的props的变化:子组件Child.vue:父组件Parent.vue:普通应用在Vue.js中,watch选项用于监视Vue实例的数据变化,并在数据变化时执行相应的操作。watch可以用于监听单个数据属性的变化,也可以用于监听嵌套对象或数组的变化。1.1监听单个属性的变化:template>div>p>{{messa

vue使用科大讯飞的语音识别(语音听写)

使用的是封装好的插件:voice-input-button2真的很好使很好使1、先使用npm下载插件npmivoice-input-button2-save-dev2、在main.js中引入importvoiceInputButtonfrom'voice-input-button2'3、全局引入Vue.use(voiceInputButton,{appId:'xxx',//您申请的语音听写服务应用的IDapiKey:'xxxxxxxxxxxxxxxxxxxxxxxxx',//您开通的语音听写服务的apiKeyapiSecret:'xxxxxxxxxxxxxxxxxxxxx',//您开通的语音听

vue3中使用路由

路由官方官网https://router.vuejs.org/zh/项目中使用路由1.安装路由cnpmi--save-devvue-router"vue-router":"^4.1.6",2.项目中配置路由importvueRouterfrom"vue-router";//vue2写法是上面这种vue3路由改为单暴漏import{createRouter}from"vue-router";console.log(createRouter);3.在main.js中创建路由使用常用的api//配置项目路由import{createRouter,createWebHistory}from"vue-r

vue-element-ui的各种弹出框样式修改

vue-element-ui的弹出框与#app同级,以下为各种弹出框样式修改方式:1、组件中存在popper-append-to-body属性2、使用popper-class属性修改弹出框样式3、组件不存在popper-append-to-body属性和popper-class属性(例如el-table中的筛选弹出框),或不想影响全局样式1、组件中存在popper-append-to-body属性1、组件中存在popper-append-to-body属性,例如select选择器等直接在引用该组件的.vue文件中修改弹出框样式,使用popper-append-to-body属性,然后使用‘/d

vue3指导教程(附带获取屏幕可视区域宽高)

一、从vue2到vue3        vue3.0向下兼容vue2.x版本,优化了主要核心双向绑定原理和体积大小,并且更加友好的兼容ts语法。vue3是基于ES6新增的proxy代理实现的。1.1vue3的特点新增了组合式api更接近原生js更加解耦(收到react启发)按需加载1.2与vue2的区别        相同点:生命周期基本一致、与vue2的模板语法基本一致、与vue2的选项基本一致datamethodscomputedwatch等。    不同点:启动方式不同、全局方法挂载不一样、vue3可以拥有多个根节点、生命周期卸载不同、vue3新增部分setup()在组件挂载前运行。二、

vue+axios+el-progress(elementUI组件)实现下载进度条实时监听(小白简洁版)

一、实现效果二、实现方式方案:使用axios方法onDownloadProgress方法监听下载进度使用此方式的前提!!!请让后端在响应头中加上content-length,存放下载文件的总大小,如下图:三、代码1、进度条页面代码如下:Spinfixv-if="spinVisible">Icontype="ios-loading"size=18class="demo-spin-icon-load">Icon>div>正在下载代码,请稍后...div>el-progress:percentage="percentComplete">el-progress>Spin>ps:我的进度条是在iview