html - vue如何定义一个变量,让所有组件都能使用
本文介绍了html - vue如何定义一个变量,让所有组件都能使用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
如图,每个get和post请求都一个url,项目进行太多的数据交互 所以需要把每个url的相同部分定义成一个变量,
这样方便以后修改 但我不懂如何在vue里面定义一个公共变量,让所有组件都能使用。希望大家帮帮忙,谢谢
解决方案
main.js
import domain from './domain.js';
global.domain = domain;
domain.js
const domain = '//192.168.1.117:1009/';
export default {
testUrl: domain + '/cas/doc/docTypeList'
}
如上所示的结构可以解决在大中型vue应用中的请求url的管理,楼主可以在main.js中引入该domain.js,并将其暴露为全局变量,在每个组件中就能通过domain.testUrl的方式获取到设置的对应的url地址。
好处如下:
集中式的url管理,方便后期管理和修改
方便编码,在请求通过domain.testUrl的方式即可
这篇关于html - vue如何定义一个变量,让所有组件都能使用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文