vue devtools使用教程_vue debug

vue devtools使用教程_vue debug一般在utils文件夹下api.js文件里面写接口,接口环境判断varhref=window.location.href//两者都可以拿到当前运行URL链接//varhost=window.location.hostlet_ipcc_cst;const_sysServer=(/(creditcard.ecitic.com)/i.test(location.origin))?’https://creditcard.ecitic.com’:’https://e.test.ban

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

一般在utils文件夹下api.js文件里面写接口,接口环境判断

var href = window.location.href //两者都可以拿到当前运行URL链接
// var host = window.location.host 
let _ipcc_cst;
const _sysServer = (/(creditcard.ecitic.com)/i.test(location.origin))?'https://creditcard.ecitic.com':'https://e.test.bank.ecitic.com';
if (href.indexOf('citiccard') != -1) { 
   
// 生产环境
} else if (href.indexOf('uat') != -1) { 
   
// UAT
} else if (href.indexOf('sit') != -1 || href.indexOf('test') != -1) { 
   
// 测试环境
} else { 
   
// localhost
_ipcc_cst = 'https://28.105.147.55:8080/ipss-cst-service'
}

const Api = { 
   
 VIDEO: _ipcc_cst + '/queue/count-number',    // 查询排队位数
};
export default Api

然后在utils文件夹下common.js下引入:

  import Api from './api'
  import Http from './http'
  const common = { 
   
	  install (Vue) { 
   
	    this.$spi = Api
	    this.$http = new Http(this)
	  }
  }
  

最后在main.js引入common挂载到vue

import C from 'uutils/common'
Vue.use(C)
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/187675.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • eclipse快捷键失效

    eclipse快捷键失效今天打开 eclipse 突然发现有部分快捷键失效了 比如 shift enter ctrl d ctrl 1 但是还有部分的快捷键可以使用 很不方便 就从网上搜索解决办法 但是针对我自己的问题 好多办法都用不了 所以就自己摸索着最终把这个问题解决了 记录一下自己整理的解决办法 以便以后再出问题可以使用 nbsp 从网上搜索大概有两到三种办法 再把我自己摸索的办法整理出来 由简易到

    2025年9月23日
    3
  • JAVA枚举类型(Enum)的使用[通俗易懂]

    JAVA枚举类型(Enum)的使用[通俗易懂]在现实社会中,有些类的实例对象是固定的。例如季节,只有春夏秋冬。如果你创建了一个season类,你当然有义务维护这个类的实例对象只能是春(SPRING)、夏(SUMMER)、秋(AUTUMN)、冬(WINTER)这四个。这个时候就体现出枚举类的作用了,java中枚举类型就是针对这样的场景需求所设计的。/***枚举类的后缀建议为Enum,枚举类型的实例对象建议全大写(这样做符合JAVA的…

    2022年10月9日
    2
  • 【转载】来自 GitHub 的系列渗透测试工具

    【转载】来自 GitHub 的系列渗透测试工具51CTO2019-04-03渗透测试Kali-GNU/Linux发行版,专为数字取证和渗透测试而设计。(https://www.kali.org/)ArchStrike-为安全专业人士和爱好者提供ArchGNU/Linux存储库。(https://archstrike.org/)BlackArch-基于GNU/Linux的分布式渗透测试…

    2022年5月22日
    39
  • Android Studio Unable to find EOCD signature解决方法

    Android Studio Unable to find EOCD signature解决方法今天早上来公司突然发现项目打包不了研究了一下应该是gradle版本冲突了解决方法就是Build

    2022年4月29日
    50
  • SOAP协议的深度解析

    SOAP协议的深度解析笔记上传:1.soap与http的区别:HTTP只负责把数据传送过去,不会管这个数据是XML、HTML、图片、文本文件或者别的什么。( HTTP就是邮局的协议,他们规定了你的信封要怎么写,要贴多少邮票等。。。。)而SOAP协议则定义了怎么把一个对象变成XML文本,在远程如何调用等  (SOAP就是你们之间交流的协议,负责把你所需要表达的意思写在信纸上,同时也负责让对方能够看得懂你的信。)2.s…

    2022年7月13日
    14
  • 路由器有线桥接的两种方式异同

    路由器有线桥接的两种方式异同根据这篇文章 http www gezila com tutorials 46010 html 我小结下两种方式之要点及异同另主路由器为路由器 A 副路由器为路由器 B 方式一 LAN WAN1 A 的 LAN 口接到 B 的 WAN 口 2 B 的以太网接入方式 WAN 口接入类型 选择动态 ip 这个 ip 实质是由 A 的 DHCP 服务分配的 如图 可见 A 给 B 分配的 ip 地

    2025年6月17日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号