Względne adresy URL dla plików Javascript

document.location.href poda ci bieżący adres URL, który możesz następnie manipulować za pomocą funkcji łańcuchowych JavaScript.

Nie ma sposobu, aby klient mógł określić korzeń webapp bez wiedzy serwera, ponieważ nie ma wiedzy o konfiguracji serwera. Jedną z opcji, którą możesz wypróbować, jest użycie elementu podstawowego wewnątrz elementu head, aby serwer generował go dynamicznie, a nie na twardo (tak, aby wyświetlał odpowiedni adres URL dla każdego serwera): {]}

<base href="http://path/to/webapp/root/" />

Wszystkie adresy URL będą następnie traktowane jako względne. W związku z tym wystarczy złożyć wniosek do / data.json. Jednak potrzebujesz aby upewnić się, że wszystkie inne linki w aplikacji mają to na uwadze.

Jeśli skrypt zna własną nazwę pliku, możesz użyć dokumentu.getElementsByTagName (). Powtarzaj listę, aż znajdziesz skrypt pasujący do twojego i wyodrębnij w ten sposób pełny (lub względny) adres url.

Oto przykład:

function getScriptUrl ( name ) {
    var scripts = document.getElementsByTagName('script');
    var re = RegExp("(\/|^)" + name + "$");
    var src;
    for( var i = 0; i < scripts.length; i++){
        src = scripts[i].getAttribute('src');
        if( src.match(re) )
            return src;
    }
    return null;
}

console.log( 'found ' + getScriptUrl('demo.js') );

Weź pod uwagę, że to podejście podlega kolizji nazw plików.

Dołączam następujący kod w moim punkcie wejścia głównego biblioteki (main.php):

/**
 * Build current url, depending on protocal (http/https),
 * port, server name and path suffix
 */
$site_root = 'http';
if (isset($_SERVER["HTTPS"]) && $_SERVER["HTTPS"] == "on") 
    $site_root .= "s";
$site_root .= "://" . $_SERVER["SERVER_NAME"];
if ($_SERVER["SERVER_PORT"] != "80")
    $site_root .= ":" . $_SERVER["SERVER_PORT"];
$site_root .= $g_config["paths"]["site_suffix"];

$g_config["paths"]["site_root"] = $site_root;

$g_config jest globalną tablicą zawierającą opcje konfiguracyjne. Tak więc site_suffix może wyglądać tak:" /sites_working/thesite/public_html "na twoim pudełku programistycznym i po prostu" / " na serwerze z wirtualnym hostem (nazwa domeny).

Ta metoda jest również dobra, ponieważ jeśli ktoś wpisze adres IP Twojego pola programistycznego, użyje tego samego adresu IP do zbudowania ścieżki do folderu javascript zamiast czegoś takiego jak "localhost", a jeśli użyjesz "localhost", użyje "localhost" do zbudowania adresu URL.

A ponieważ wykrywa również SSL, nie musisz się martwić o pogodę, twoje zasoby zostaną wysłane przez HTTP lub HTTPS, jeśli kiedykolwiek dodasz obsługę SSL do swojego serwera.

Następnie w szablonie użyj

<link id="site_root" href="<?php echo $g_config["paths"]["site_root"] ?>"/>

Lub

<script type = "text/javascript">
var SiteRoot = "<?php echo $g_config["paths"]["site_root"]; ?>";
</script>