在AngularJS路线上获取资源未找到错误

Question

我正在使用AngularJS创建SPA。我的home.ejs文件中包含以下代码：

/* Initial Code */
                 <li class="nav-item dropdown" >
                     <a class="nav-link dropdown" data-toggle="dropdown" href="#"><i class="fa fa-user"></i>&nbsp; <%= sess.name.split(' ')[0] %></a>
                    <div class="dropdown-menu" style="margin-top:6px">
                    <a class="dropdown-item" href="profile">Profile</a>
                    <a class="dropdown-item" href="#">Settings</a>
                    <a class="dropdown-item" href="#">Logout</a>
                    </div>  
                </li>
            </ul>
        </nav>
    </header>
    <div ng-view>

    </div>
</body>
<script>
var app = angular.module("social", ["ngRoute"]);
app.config(function ($routeProvider,$locationProvider) {
    $locationProvider.hashPrefix('');
    $routeProvider
    .when("/", {
        templateUrl: "home.ejs"
    })
    .when("/profile", {
        templateUrl : "/pages/profile.ejs"
    })
    .when("/settings", {
        templateUrl : "settings.ejs"
    });
});

/* Rest of the code */

但是问题是此代码在控制台中显示了以下错误：。

我确保该文件存在于pages目录中。.我正在使用node.js作为后端。什么都没有。我该怎么办？

这是我的根目录，这里profile.ejs位于页面目录内：

Answer 1

从路径中删除前导“ /”，即

templateUrl : "pages/profile.ejs"

在进行更改后，请在测试之前尝试重新加载Google Chrome。