javascript - 在开发和生产站点中使用 Javascript 获取不同的基本 URL

Question

我正在使用 javascript 来使用以下代码获取基本网址:

alert(window.location.protocol + "//" + window.location.host);

它将显示http://localhost:[port_number]在开发站点。然后部署到生产站点后，会显示http://dev01

它给了我错误的基本网址，因为主页网址是 http://dev01/WebApplication1 。我可以在代码中添加应用程序名称，因此它将是:

alert(window.location.protocol + "//" + window.location.host + "/WebApplication1");

但是这个方法并不实用，因为我在开发站点时必须删除"/WebApplication1"。

对于这种情况有什么解决办法吗？

Answer 1

您可以简单地添加一些条件逻辑来在生产中附加子目录吗？

var host = window.location.host,
    path = host === 'dev01' ? '/WebApplication1' : '',
    fullPath = window.location.protocol + '//' + host + path;

alert(fullPath);