vue组件封装过程,vue组件怎么使用自己封装的方法
这篇文章主要介绍在某视频剪辑软件中是如何封装爱可信的相关资料,axios的封装主要是帮助我们简化代码和利于后期的更新维护,感兴趣的小伙伴可以和小编一起来阅读下面文章的具体内容
目录
1、安装1、引入3、接口根地址4、使用事例4.1下载4.2get4.3post
1、安装
新公共管理安装axios//安装爱可信
1、引入
从" axios "导入爱可信
3、接口根地址
const baseUrl=API_BASE_URL //由工具的插件定义插件注入
webpackConfig。插件(定义)。使用(require( web pack/lib/define plugin ),[{
//节点_环境环境变量,开发环境为:"发展",为了保证测试环境打的包与生产环境一致,测试环境和生产环境都为"生产"
过程。环境。 node _ ENV :JSON。stringify(流程。环境。node _ ENV),
//当前应用的环境(开发环境为:开发,测试环境为:测试,生产环境为: prod )
过程。环境。 app _ ENV :JSON。stringify(流程。环境。app _ ENV),
//后台接口请求地址
API _ BASE _ URL :JSON。stringify(配置网格属性(“API基本URL”),
//首页路径
应用程序索引路径:JSON。stringify(索引路径),
//路由模式
应用程序路由器模式:JSON。stringify(配置网格道具(“路由器模式”),
//是否使用元素组件库
应用程序使用元素:JSON。stringify(配置网格道具(“使用元素”),
}])
配置文件:配置一些系统名称,api根路径等
const path=require(path )
const os=require(os )
const packageName=focm //项目包名称
const localIP=getLocalIP() //本地互联网协议(互联网协议)地址
模块。导出={
//默认配置
默认值:{
//系统名称,用于设置页面头中标题
appName:
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。