小编Pol*_*ize的帖子

作为一个(不幸的是)学到了更多而jQuery不是原始的人 javascript我现在正在花时间用raw替换我的所有代码javascript.不,这不是必需的,但这对我来说是一种更容易学习的方式.我面临的一个问题是将所有我$(document).on的原始转换javascript.我的网站是一个"单页面应用程序",我的大多数实际上HTML是在不同的文件中,通过Ajax请求调用.所以,我的问题是,我如何寻找event动态加载的内容？我假设我必须向onclick他们添加一个事件,但它是如何jQuery做到的而不需要onclick event？

我$routeProvider用来将我的所有应用程序页面路由到关联controllers,但当两个routes使用相同的controllers(即/ blog和/ blog:id)时,如何function根据当前情况初始化单独的route.

所以如果路由是/ blog我想在路由加载时初始化$ scope.loadPosts().如果路由是/ blog:id我想在路由加载时初始化$ scope.loadPost($ id).

我正在将JWT实施到我的Vue应用程序中以进行授权，并且在使用令牌后刷新令牌。

我使用了axios拦截器，因此我可以拦截到我的API后端的每个请求，这似乎可以在登录等方面工作……但是，一旦刷新页面，该请求就会使用最后一个标记正常进行。

问题是axios拦截器目前似乎无法正常工作，因此一旦使用了令牌，就无法使用新令牌进行更新。

这是我设置拦截器的方式：-

window.axios.interceptors.request.use(function (config) {
    console.log("Sent request!");

    return config;
}, function (error) {
    console.log("Failed sending request!");

    return Promise.reject(error);
});

window.axios.interceptors.response.use(function (response) {
    console.log("Got headers:", response.headers);
    if (response.headers.hasOwnProperty('authorization')) {
        console.log("Got authorization:", response.headers.authorization);
        Store.auth.setToken(response.headers.authorization);
    }

    return response;
}, function(err){
    console.log("Got error", err);
});

我没有任何的console.log页面加载。

我在根应用程序的beforeMount方法中设置拦截器。我尝试过将它们移至beforeCreate，但仍然遇到相同的问题。

当用户登录我的应用程序时，导航中有一个下拉菜单可以访问管理。但是，当用户偶然发现错误页面（例如 404）时，它不会显示他们正在登录，而是显示“登录”。为什么是这样？

这是我的代码。

@if (Auth::check())

    <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
            <a style="cursor: pointer;" class="dropdown-toggle" data-toggle="dropdown"><i class="glyphicon glyphicon-user"></i> {{ Auth::user()->name }} <b class="caret"></b></a>
            <ul class="dropdown-menu">
                <li>
                    <a href="/admin/dashboard"><i class="glyphicon glyphicon-tasks"></i> Dashboard</a>
                </li>
                <li role="separator" class="divider"></li>
                <li><a href="/logout"><i class="glyphicon glyphicon-log-out"></i> Logout</a></li>
            </ul>
        </li>
    </ul>

@else

    <ul class="nav navbar-nav navbar-right">
        <li><a href="/login"><i class="glyphicon glyphicon-log-in"></i> Login</a</li>
    </ul>

@endif