如何更改每个href和src url路径的第一部分？

Question

我正在本地建立一个网站（使用xampp）。 每个css样式表和js脚本都链接有相对路径。 当我使用chrome或任何其他broser在我的PC上将网站加载到这里时，我没有任何问题。

我试图查看网站也出现在我的智能手机上，而且我也已经找到了使之成为可能的教程：我配置了一个新端口，每次我需要通过智能手机访问该网站时，我只需要编写类似192.168.1.7:80/andtherestogthepathtoreachthewebsite

但是我有一个问题：在智能手机上，css样式表和js脚本未加载。 我发现了原因：例如，由于css文件style.css加载了此URL http://localhost/../../../style.css而它应该是http://192.168.1.7:80/../../../style.css ：只有这样，我才能在智能手机上加载与网站相关的所有文件。

我需要的是在通过移动设备加载网站时更改网址的第一部分。 我该怎么做？

请不要告诉我“在绝对路径中更改相对路径”，我不能，该网站是用opencart构建的，我不能更改相对路径。

Answer 1

遇到这些类型的问题时，建议您使用<base>标记。

句法：

<base href='BASE_FOLDER_NAME'> // As per your question, BASE_FOLDER_NAME=andtherestogthepathtoreachthewebsite

因此，现在您可以轻松链接CSS和JS文件，

<link href='css/style.css'>

<script src='js/script.js'></script>