如何在Vue中抽离接口配置文件
更新时间：2019年10月31日 08:29:05 作者：czrgit
这篇文章主要介绍了Vue中抽离接口配置文件的问题，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
Vue中抽离接口配置文件的问题及解决方法
问题背景
在通常开发中，我们经常把接口配置文件写在src目录里，
虽然有了一些方便，但也引发出一个新的问题，就是每次接都要重新编译。
解决方法
如果是cli2在static文件夹下创建XXX.js文件
如果是cli3在public文件夹下创建XXX.js文件
这两个文件夹下的内容将会原封不动地打包都dist里
在XXX.js下代码，定义全局变量，这样我们便能在任何地方使用
window.$4002API = {
URL:'http://baidu.com',
getAll:URL+'/aa/aa',//也能定义接口，到时在axios中调用
}
在main.js中引入XXX.js
import '../static/config/index'
使用
console.log($4002API.URL)//'http://baidu.com' console.log($4002API.getAll)//'http://baidu.com/aa/aa'
当打包的时候，在main.js中注释掉
// import '../static/config/index'
并在index.html文件中引入XXX.js
<script src="./static/config/index.js"></script>
总结
以上所述是小编给大家介绍的如何在Vue中抽离接口配置文件,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
相关文章
这篇文章主要为大家详细介绍了vue实现大转盘抽奖功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
这篇文章主要介绍了详解Vue开发微信H5微信分享签名失败问题解决方案，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
vue+VeeValidate 校验范围实例详解（部分校验,全部校验）
validate（)可以指定校验范围内，或者是全局的 字段。而validateAll()只能校验全局。这篇文章主要介绍了vue+VeeValidate 校验范围（部分校验，全部校验） ,需要的朋友可以参考下2018-10-10
详解vue-router 动态路由下子页面多页共活的解决方案
这篇文章主要介绍了vue-router 动态路由下子页面多页共活的解决方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-12-12
这篇文章主要给大家介绍的是基于Vue2的移动端环境搭建，移动端大家更多想到的是响应布局，我们根据不同大小的屏幕进行适配，当然少不了我们的重头戏rem，移动端相比pc端就没什么特别的了。我会一步一步带领大家进入Vue2的世界，感兴趣的朋友下面来一起学习学习吧。2016-11-11
这篇文章主要介绍了Vue中 axios delete请求参数操作，具有很好的参考价值，希望对大家有所 帮助。一起跟随小编过来看看吧2020-08-08
在现代应用开发中,实时性已成为用户体验的一个重要组成部分,ue 作为一款流行的前端框架,配合 WebSocket,可以轻松构建实时通知系统,在本文中,我们将通过一个简单的示例,使用 Vue 3 的 Composition API（setup 语法糖）来创建一个实时通知系统2024-11-11
这篇文章主要介绍了vue生命周期与钩子函数,结合简单实例形式分析了vue.js生命周期及钩子函数相关流程与实现技巧,需要的朋友可以参考下2019-03-03
Avue.js 是基于现有的element-ui库进行的二次封装，本文主要介绍了avue-crud多级复杂的动态表头，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-12-12
Vue3+ElementUI 多选框中复选框和名字点击方法效果分离方法
这篇文章主要介绍了Vue3+ElementUI 多选框中复选框和名字点击方法效果分离方法,文中补充介绍了VUE-Element组件 CheckBox多选框使用方法,需要的朋友可以参考下2024-01-01
最新评论