vue
文章平均质量分 92
跨界程序媛
这个作者很懒,什么都没留下…
展开
-
vue axios封装及接口统一管理
vue axios封装及接口统一管理为什么要进行二次封装?axios是基于promise的http库,可以直接拿来使用,但是在日常开发中,随着项目越来越大,页面越来越多,不利于后续的维护和迭代工作,项目很大的情况下如果碰上接口域名的更改,那一个个接口去改域名将是一个重大的工程,会改到你怀疑人生,这个时候就能体会到二次封装的好处。1、请求配置精简,减少重复的代码;2、接口域名统一管理,代码可维护性高;3、添加请求和响应拦截,可对http错误异常统一处理;一、依赖安装:npm install ax原创 2020-09-16 15:40:20 · 897 阅读 · 0 评论 -
vue配置dev、test、pro环境,实现分环境打包
vue配置dev、test、pro环境,实现分环境打包使用vue-cli开发项目时,默认自带的环境有development(开发环境)、production(生产环境),在最近开发的一个项目中,后端是由.net和java共同开发的,为了适应和提高多环境多域名的打包配置效率,前端需要分环境配置不同的打包命令;下面就来讲讲如何配置test环境,实现测试环境的一键打包命令:npm run test。1、package.json文件中新增命令行脚本test命令,并指向build文件夹下的test.js。2、原创 2020-08-24 19:24:08 · 5675 阅读 · 1 评论 -
如何快速搭建vue项目,并自动在浏览器中打开预览
使用vue-cli脚手架快速搭建项目##一、安装node环境vue-cli是基于node.js,需要用到node的npm或者cnpm包管理器进行依赖插件的安装、卸载及项目打包,所以安装vue-cli脚手架之前需要先下载安装node.js,安装完node也就安装了npm。1、node下载地址:https://nodejs.org/en/ 如图所示:推荐选择大部分用户使用的版本2、下载成功后,找到的node所在的文件夹位置,双击安装。3、安装完成后,检查是否node、npm是否安装成功。 W原创 2020-08-11 11:39:53 · 5682 阅读 · 0 评论