vue 配置全局可调用的文件/js/方法

原创于 2020-08-11 16:59:49 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了如何在前端项目中创建并全局使用config.js文件，通过在index.html头部引入，实现对应用程序API和地图URL等配置项的全局访问。同时，展示了如何定义和使用全局数组变量，提供了一个关于全局变量管理的实用案例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

案例1
创建一个config.js文件并写到public文件夹下的index.HTML文件中的头部中


<script src="<%= BASE_URL %>config.js"></script>

<%= BASE_URL %> 代表 public文件夹下
<%= BASE_URL %>data/表示public/data 文件夹下
<script src="<%= BASE_URL %>data/guangshan.js"></script>

config.js文件内容：

const config = {
    appApi: '139320392',
    mapUrl: '3232'
}
window.config = config;

这样就可以全局使用config这个属性了。

案例二

const guangshanShip = [ 
	{
		as：‘急急急’
	}，
	{
		as: '哈哈哈哈‘
	}
]
window.guangshanShip = guangshanShip

这样就可以全局使用了