javascript - cookie 不是全站范围的

Question

我有一个 MVC 网站，我使用 cookie 来存储网站主题。我有以下函数来设置 cookie...它位于 _Layout.vbhtml 中，它是我所有网站的“母版页”。

function setCookie(cname, cvalue, exdays) {
        var d = new Date();
        d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
        var expires = "expires=" + d.toUTCString();
        document.cookie = cname + "=" + cvalue + "; " + expires; + "path=/";
    }

即使我指定了根路径，我的 cookie 并不总是在整个站点范围内工作。

cookie 设置在两个位置之一...在 _Layout.vbhtml 中我也有...

$(document).ready(function () {
        //Set User Theme Preferences
        //First check theme cookie and if null Or empty set to default values
        var $theme = getCookie('myTheme');

        if ($theme == "") {
            //theme cookie does Not exists Or has expired
            setCookie('myTheme', 'bootstrap', 90);
            $theme = "bootstrap";
        }

        if ($theme != "bootstrap") {
            //theme is not bootstrap so change css link
            $("#cssTheme").attr("href", ('@Url.Content("~/Content/bootstrap.min.css")').replace("bootstrap", $theme));
        }
    })

我在 Home/Index.vbhtml 中也有这个点击功能 - 唯一用户可以更改主题的地方。

$("button[data-theme]").click(function () {
            $theme = $(this).data("theme")
            setCookie('myTheme', $theme, 90);
            $("head link#cssTheme").attr("href", ('@Url.Content("~/Content/bootstrap.min.css")').replace("bootstrap", $theme));
        });

因此，在清除所有 cookie 后，如果用户启动该网站，他们将获得标准的引导主题。此时的站点 URL 将为 http://domain.com/sitename/

如果用户现在更改主题，则会保存 myTheme cookie，CSS 链接也会更改，并且用户访问的任何其他页面都将位于正确选择的主题中。

我的问题是，当用户返回主页时，该主页是同一索引页，但由于操作链接，URL 现在为 http://domain.com/sitename/Home/Index/ - 如果用户现在更改主题，则索引页面主题会更改，但导航到任何其他页面都会提供之前的主题。返回主页将给出最新选择的主题...就好像现在有两个 cookie 一个站点范围内，一个专门用于主页/索引

不确定为什么会发生这种情况？

为了完整起见，这是我的 getCookie 函数，它位于 _Layout.vbhtml

function getCookie(cname) {
        var name = cname + "=";
        var ca = document.cookie.split(';');
        for (var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') c = c.substring(1);
            if (c.indexOf(name) == 0) {
                return c.substring(name.length, c.length);
            }
        }
        return "";
    }

感谢任何帮助

Answer 1

我的错...我在每个页面的顶部和底部都有主页链接，并认为我所有的主页链接都已使用

@Html.ActionLink(" ", "Index", "Home")

检查页面底部的链接时使用...

 href="~/Home/Index"

使用顶部链接始终将 URL 保留为 http://domain.com/sitename/而底部的给出了 http://domain.com/sitename/Home/Index

将它们全部更改为 Action Links 或 href="~/" 解决了问题...虽然我仍然不知道为什么这是 cookie 路径设置为/(root )