在#移除期间重新加载页面时找不到页面

我在我的index.html和app.js中进行了更改。

这是app.js文件。

angular
        .module('assessmentApp', ['ngRoute', 'ngCookies', 'ngSanitize', 'timer', 'assets', 'youtube-embed'])
        .config(config)
        .run(run);

    config.$inject = ['$routeProvider', '$locationProvider', '$httpProvider'];

    function config($routeProvider, $locationProvider, $httpProvider) {
        /*$locationProvider.html5Mode({
          enabled: true,
          requireBase: false
        });*/
        $routeProvider
            .when('/', {
                templateUrl: 'views/home.html',
                controller: 'HomeController',
                controllerAs: 'vm'
            })
            .when('/login', {
                templateUrl: 'views/login.html',
                controller: 'LoginController',
                controllerAs: 'vm'
            })
        if(window.history && window.history.pushState){
                $locationProvider.html5Mode({
                    enabled: true,
                    requireBase: true,
                    rewriteLinks: true
                });
            }
    }

这是Index.html。

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>Assessment</title>
    <meta name="description" content="">
    <meta http-equiv=X-UA-Compatible content="IE=edge">
    <meta name=viewport content="width=device-width,initial-scale=1">
    <base href="/assessment/"></base>
</head>
</html>
  • 我已经遵循了所有与我的问题相关的解决方案,但我的应用程序仍然无法正常工作。
  • 我正在使用nginx服务器,但我不知道是否需要任何更改? 如果是,那么有什么变化?
  • 我添加了html5 api和base标记,并且从应用程序html文件中删除了所有#,所以我的应用程序工作正常,但是当我要重新加载应用程序时,它返回的页面未找到

  • 确保您的服务器已设置为返回您的index.html而不是404。在您的nginx配置中为此网站添加:

    error_page 404 =200 /index.html;
    

    或者,您可以像这样重定向:

    try_files $uri $uri/ /index.html;
    
    链接地址: http://www.djcxy.com/p/77693.html

    上一篇: Page not found while reload page during # removal

    下一篇: Can I inject a service into a directive?