在网页上使用基本 URL 是否正确答案

【问题标题】：Is It Right To Use Base URLs On Webpage在网页上使用基本 URL 是否正确
【发布时间】：2013-11-09 03:02:44
【问题描述】：

我正在创建一个 Web 应用程序，其中我已将 URL 从 "localhost/example/user.php?u=user1" 重定向到 "localhost/example/user1" 通过 .htaccess，但是当我打开重定向的 url，并在末尾添加一个斜杠，如 "localhost/example/user1/"，它会禁用网页中的所有 css 样式和图像。因此，为了克服这个问题，我使用基本 URL 将样式表、脚本、链接和图像包含到我的网站中，例如 <style rel='stylesheet' type='text/css' src='localhost/example/stylesheet/style.css'/>。

我想问一下，我的做法是对的还是在其基本 URL 中包含链接是一种不好的技术？

谢谢

【问题讨论】：

进入您的源代码并使用右键单击打开样式表 url，您会发现您的路径是错误的，因为您没有使用绝对路径，您应该使用 css 文件。

标签： html css url hyperlink

【解决方案1】：

这是一种糟糕的技术。您可以定义变量base_url 并在路径中使用它。例如（如果你使用 php）：在代码中：

$base_url= $_SERVER['HTTP_HOST'].'/example/'

在 html 中：

<link rel='stylesheet' type='text/css' src='<?= $base_url ?>stylesheet/style.css'/>

【讨论】：

【解决方案2】：

实际上，url 被解释为相对 uri。使其绝对包含该计划

<style rel='stylesheet' type='text/css' src='http://localhost/example/stylesheet/style.css'/>

或者从/开始（这样你上线的时候就不用改链接了）

<style rel='stylesheet' type='text/css' src='/example/stylesheet/style.css'/>

【讨论】：