vite创建的vue项目外部配置接口

背景:

项目现场有很多,代码开发完以后打包,上传到现场的时候期望可以有一个外部的配置文件,来配置接口地址。常规的项目我们都是在源代码中配置好的,那现在应该怎么做呢?

解决方法:

1.首先我们要把外部文件放在public目录内,比如我这里有一个config.js,里面写好了接口地址,将信息挂在window对象上。

2.在根目录下找到index.html文件,我们使用script标签引入我们的config.js,这里需要注意的是路径应该是/config.js,因为打包后public目录下的文件是放在和index.html同级目录下的。

3.在业务代码中使用的时候直接用window.xx就好了。

需要注意的是,vite会将script type属性值为module的文件打包,而我们的config.js并不需要打包,所以不用写type=module。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:/ganhuo/120.html