html根据需要动态加载服务器数据

最新推荐文章于 2022-08-29 16:38:16 发布

Jason_WangYing

最新推荐文章于 2022-08-29 16:38:16 发布

阅读量381

点赞数

分类专栏： Html 文章标签： javascript js

本文链接：https://blog.csdn.net/Jason_WangYing/article/details/106907129

版权

Html 专栏收录该内容

9 篇文章 1 订阅

订阅专栏

我们现在测试环境与生产环境内容越来越多，导致研发环境发布测试环境，测试环境发布生成环境时每次更改访问域名或者固定数据文件时每次都需要大范围更改，所以使用脚本动态判断动态引入js文件，通过配置js文件来达到研发环境、测试环境、生产环境的切换。

<script type="text/javascript">
        var src = "填写加载的端口文件地址"
        var hostStr = window.location.hostname
        if (/localhost:/.test(hostStr) || hostStr == "")) {
            console.log("进入研发环境,可以加载测试后的配置文件")
            src = '../../port.js'
            document.write('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>');
        } else if (/douping.top|60.205.111.27/.test(hostStr)) {
            console.log("进入测试环境")
            src = '../../port.js'
            document.write('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>');

        } else if (/gexiazi.com|123.56.203.32/.test(hostStr)) {
            console.log("进入正式环境")
            src = 'http://dp.gexiazi.com/weixin/port/port.js'
            document.write('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>');
        } else {
            alert("条件错误，请重新进入")
        }
    </script>