时间戳

首页 > 解决方案 > 在 dev、beta 和 prod 环境中工作时的图像链接

javascript - 在 dev、beta 和 prod 环境中工作时的图像链接

问题描述

很难给这个问题起个标题，但这确实是一个简单的问题。我有一种情况，我需要更改带有图像的元素的内部 html。

 if(idExists != true)
    { var int_eventid = parseInt(eventid);
        ids.push(int_eventid);
        console.log(ids.length + cartCount);
        if(ids.length == 1)
        {
            document.getElementById("fakeCount").innerHTML = '<span style="background-color: #e9edf0; padding: 10px; border-radius: 15px; width: 100%;"><img style = "height: 20px; width: 20px;" src="' + 'http://hidden.com/assets/images/cart_img.jpg' + '"> <span style="padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; background-color: #5583ff; color: white; border-radius: 100%; font-size: 10px;">' + ids.length + '</span></span></a>';
        }
        else
        {
            document.getElementById("fakeCount").innerHTML = '<span style="background-color: #e9edf0; padding: 10px; border-radius: 15px; width: 100%;"><img style = "height: 20px; width: 20px;" src="' + 'http://hidden.com/assets/images/cart_img.jpg' + '"> <span style="padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; background-color: #5583ff; color: white; border-radius: 100%; font-size: 10px;">' + ids.length + '</span></span></a>';

        }
    }
    else{
        //do noting and it won't be clickable
    }

问题是我希望所有三个环境的代码都相同，但显然在这种情况下我必须为每种情况更改域名。我的框架是 codeigniter，我有三个环境 dev、beta 和 prod。该问题在 php codeigniter 中通过以下方式解决：

<?php echo base_url('/assets/images/myimage.jpg'); ?>

但在 JavaScript 中，我不能放入 php，我不想在“hidden-dev.com/assets...”然后“hidden-beta.com/assets...”等中硬编码。

知道如何解决这个问题吗？

标签： javascriptcodeigniterdom

解决方案

推荐阅读