【uniapp-H5配置打包文件抽离出config.js进行线上可修改接口】

一、项目背景

开发的过程中，会有测试和正式两个环境，尤其是在线上调试的接口会出现多样性，比如我们在git中提交的代码会部署到线上服务器和测试服务器，但是打包的时候需要固定接口地址，通常解决这类问题的方法就是使用location拿到当前域名来做接口地址，或者是单独配置一个config.js来进行线上地址的更改

二、uniapp中h5的使用

1.vuecli和uniapp的区别

uniapp是基于vue的一个框架，目录结构基本差不多，vuecli中配置config.js可以直接在public中进行创建，然后在index.html中引入即可，打包的时候不会对public中的文件进行打包，相同的，uniapp我是在static中进行config.js的创建和引入，需要注意的是uniapp官方文档中已经考虑到了这种情况，它会有一个template.h5.html来进行额外js或者其他的引入

template.h5.html文档链接

2.static中创建config.js

在config.js中进行BASEPATH中的定义

3.template.h5.html

在manifest.json中修改 “template” : “template.h5.html”

之后引入config.js，打完包后修改index.html的引入路径，再把config,js从static中剪贴到根目录下即可