草庐IT

Vue-Router

全部标签

vue 前端灵活改变后端地址

vue前端灵活改变后端地址起因:我们在做项目时;很多时候会遇到后台地址变动,不管是在打包或者是开发中;每一次后台开机启动或者换电脑启动后台,后台地址都会随之变动;而这种情况;每次后台改动前端就要去找地址跟着改;开发还好,实际应用时,每次都要改了之后再打包;频繁打包就很麻烦。有没有什么方式可以直接修改后台地址呢?当然有,该文就是提供一种方便的处理方式。使用:第一种方式:1.我们在脚手架的public文件夹中新建一个js文件,用于存储后台地址配置:示例config.js文件:module.exports={interfaceIP:"http://xxxxxx",//interfaceIP:"htt

如何解决npm install 的报错npm ERR! network request to http://registry.cnpmjs.org/vue-cli failed

报错:npmERR!syscallgetaddrinfonpmERR!errnoENOTFOUNDnpmERR!networkrequesttohttp://registry.cnpmjs.org/vue-clifailed,reason:getaddrinfoENOTFOUNDregistry.cnpmjs.orgnpmERR!networkThisisaproblemrelatedtonetworkconnectivity.npmERR!networkInmostcasesyouarebehindaproxyorhavebadnetworksettings.npmERR!network'p

Vue2+swiper基础实现轮播图

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档前言swiper的基础使用提示:以下是本篇文章正文内容,下面案例可供参考一、swiper官网Swiper中文网-轮播图幻灯片js插件,H5页面前端开发二、基础使用1.创建Vue项目vuecreatedemo_vue2.安装swiper插件    注意:我们用的是vue2所以推荐大家下载swiper5版本npminstallswiper@5示例:查看安装是否完成:3.组件内引入css以及js//引入jsimportSwiperfrom"swiper";//引入cssimport"swiper/css/swiper.min.css";

基于Vue的前端界面实现日期的实时显示

1.开发过程中有很多场景需要在界面上实时显示日期时间。本文介绍一种简单的实现方法。下图1.1为效果图图1.12.实现方法。首先在data里面声明一个变量curretime,并引入到页面中。如图2.1所示图2.13.在methods里定义一个方法,实例代码附下:updateTime(){constnow=newDate();this.currentTime=now.getFullYear()+“年”+(now.getMonth()+1)+“月”+now.getDate()+"日"+now.toLocaleTimeString();}4.随后在mounted中通过定时器不断调用该方法即可,代码附下

vue2+vant 简易实现京东app商城(附源码)

实现效果首页分类页面购物车用户中心项目说明利用vue2+vant模仿京东app商城,实现首页、商品分类页面、购物车、简易商品详情页、登录页。创建项目一、创建vue项目、安装模块①、创建vue2项目mobile$vuecreate"mobile"②、安装路由模块,vant组件$npmivue-router@3vant@latest-v2-S二、创建路由,创建页面组件、引入vant与样式①、在src目录下创建views文件夹,存放页面组件views结构如图②、在src目录下创建router文件夹,新建index.js文件importVuefrom"vue";importVueRouterfrom"

【前端趋势】Vue、Vite作者尤雨溪前端趋势2022主题演讲

欢迎来到我的博客📔博主是一名大学在读本科生,主要学习方向是前端。🍭目前已经更新了【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏🌈博客主页👉codeMak1r.的博客最新专栏【React–从基础到实战】本文目录一、开发范式&底层框架ReactHooks基于编译的响应式系统统一模型的优势和代价基于编译的运行时优化二、工具链原生语言在前端工具链中的使用工具链的抽象层次基于Vite的上层框架三、上层框架数据的前后端打通类型的前后端打通JS全栈的代价社区探索的方向🕹坚持创作✏️,一起学习📖,码出未来👨🏻‍💻!2022年7月22日,也就是前天,在某平台开发者大会上,知名前端

基于SpringBoot+Vue的企业信息管理系统设计实现(源码+lw+部署文档+讲解等)

文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaitsPlus系统测试系统测试目的系统功能测试系统测试结论为什么选择我自己的网站自己的小程序(小蔡coding)代码参考数据库参考源码获取前言💗博主介绍:✌全网粉丝10W+,CSDN特邀作者、博客专家、CSDN新星计划导师、全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战✌💗👇🏻精彩专栏推荐订阅👇🏻2023-2024年最值得选的微信小程序毕业设计选题大全:100个热门选题推荐✅2023-2024年最值得选的Java毕业设

毕业设计|基于SpringBoot+Vue实现的社团管理系统

作者主页:编程指南针作者简介:Java领域优质创作者、CSDN博客专家、CSDN内容合伙人、掘金特邀作者、阿里云博客专家、51CTO特邀作者、多年架构师设计经验、腾讯课堂常驻讲师主要内容:Java项目、Python项目、前端项目、人工智能与大数据、简历模板、学习资料、面试题库、技术互助收藏点赞不迷路 关注作者有好处文末获取源码 项目编号:L-BS-GX-12一,环境介绍语言环境:Java: jdk1.8数据库:Mysql:mysql5.7应用服务器:Tomcat: tomcat8.5.31开发工具:IDEA或eclipse二,项目简介基于SpringBoot+Vue实现的社团管理系统是为高校学

基于 Element UI 适用于 Vue 2 版本的虚拟列表选择器组件el-select

背景:在某些使用情况下,单个选择器可能最终加载数万行数据。将这么多的数据渲染至DOM中可能会给浏览器带来负担,从而造成性能问题。——vue3+element-plus有现成的轮子。而vue2+element-ui没有。以下文章大部分摘自源组件中的README.mdSelectV2虚拟列表选择器基于ElementUI适用于Vue2版本的虚拟列表选择器组件。在线演示在线演示使用说明安装npmiel-select-v2-S全局引入//全局引入importElSelectV2from'el-select-v2';Vue.use(ElSelectV2);局部引入template>el-select-v2

Chat GPT实用案例——VUE+Chat GPT实现聊天功能教程

首先,我们需要确定所需功能和技术栈:前端框架:Vue.js聊天机器人:ChatGPTAPICSS框架:Bootstrapor自主设计在开始编写代码之前,请确认ChatGPTAPI服务已经配置好,并且您已获得了API密钥或者token。接下来是Vue.js项目初始化:#安装vue-clinpminstall-gvue-cli#创建一个基于webpack模板新项目(chatbot)vueinitwebpackchatbot#进入到目录cdchatbot&&npminstall#添加chat-gpt依赖库yarnadd@huggingface/chatapi-basic然后打开package.jso