javascript - javascript 重定向后 css 无法正确加载

Question

当用户点击带有 id=cancel 的按钮时，他们将被重定向到 index.php。

$('#cancel').click(function() {
   if(changes > 0){
      $('#dialog-confirm').dialog('open');
   }else{
      window.location.href = "../index.php/";
   }
});

我遇到的问题是，当它们被重定向时，我所看到的只是没有样式的 index.php 页面。当我点击 firebug 中的 style.css 链接时，它只显示 index.php。为什么浏览器会加载 index.php 作为样式表？这发生在 FF、Chrome、Safari 中。

Answer 1

服务器将为 /index.php 和 /index.php/ 提供相同的内容，但使用它们作为基本 URI 的相对 URI 将不同。

您可能会发现您正在加载 /index.php/style.css(如果脚本没有，它将与 /index.php 具有相同的内容'不是特例)当你想要 /style.css.

我建议:

• 使用相对于站点根目录的 URI(即以 / 开头)，这样无论您处于多少层级，它们都可以正常工作
• 链接到 ../index.php 或 ../ 而不是 ../index.php/