如何再typescript开发的vue3项目中如何使用全局本地配置js文件

最近做的项目打包部署后,页面请求后端服务器地址不固定,有可能打包到好几个服务上,从网上找了好多方法,目前这种方法我试过,还没放到服务器上试,应该问题不会很大,有问题再改文章来。

手动添加配置js文件

1,新建apiconfig.js文件


新建apiconfig.js

2,apiconfig.js中写入以下内容


写入需要配置的地址

3,src文件夹中新建 typings文件夹,在typings文件夹中再新建apiconfig.d.ts,写入以下内容


4,在tsconfig.json中增加配置


5,配置成功,可以正常使用APICONFIG


在.ts文件中使用


在.vue组件中使用

你可能感兴趣的:(如何再typescript开发的vue3项目中如何使用全局本地配置js文件)