工作中很多项目采用的是前后端分离的模式开发的,而且前端代码会打包发布。项目部署到不同的服务器上,ip地址不同,那么后端服务的地址也会跟着变化,前端不得不更改访问后台服务的地址,然后再次打包发布。如果连本地的服务调试,不得不在开发环境和发布环境中服务地址不断的切换,实在是麻烦。
本文提供一种抽离配置文件的思路,来改善上面的情况。前端采用的是webpack打包工具,后台是nodejs服务:
首先,把服务配置文件引入到项目中:
配置文件跟index.html文件放在统计目录,并在index.html中引入:
配置文件:
然后,把前端访问后端服务地址改成可配置的形式:
最后,可以根据服务的真是地址直接更改配置文件中的服务ip了:
打包过后,真是发布的前端请求服务地址:
我们可以看到虽然项目中给的默认的开发环境下的服务地址,但是打包过后运行真正访问的服务是从外部文件读取的配置地址,这样就能根据服务地址的不同,去动态配置相应的后端访问地址了。
如有错误,请指正;