Python Flask Angular 应用程序状态不刷新

Question

我正在开发 Flask + Angular + MongoDb 应用程序。我正在使用 Angular 状态提供程序。状态从应用程序加载得非常好。但是当我刷新页面时，它抛出 404 错误。

1. App.py:( flask )

   application = Flask(__name__)
    @application.route('/')
    def showMachineList():
        print ("Inside the show machine list function")
        return application.make_response(open('templates/index.html').read())

App.js( Angular )

angular.module('testapp', ['ngCookies', 'ngResource',
        'ngSanitize', 'ui.router', 'ui.bootstrap','ngMaterial','ngCookies'
    ])
    .config(function($urlRouterProvider, $locationProvider,$interpolateProvider) {
        $urlRouterProvider.otherwise('/');
        //$interpolateProvider.startSymbol('//').endSymbol('//');
        $locationProvider.html5Mode(true).hashPrefix('!');
    });

州

angular.module('testapp')
  .config(function ($stateProvider) {
    console.log("inside create outage request")
    $stateProvider
      .state('cor', {
        url: '/cor',
        template: '<cor></cor>'
        //templateUrl: '/static/client/app/acn/acn.html'
      });
  });

我添加了<base href="/">在index.html 中也是如此。当我用 "http://localhost:5000/cor" 刷新页面时它 throw 404。你能让我知道我缺少什么吗？

Answer 1

这是单页应用程序中相当常见的问题。看起来你的 Angular 应用程序可以在客户端正确处理 cor 状态，但是你的 Web 服务器无法知道 /cor 路径应该路由到初始加载时的相同 Angular 应用程序。

尝试添加第二条路由到您的端点:

@application.route('/')
@application.route('/cor')
def showMachineList():
    ...

或者，您可以使用 catch-all route处理任何路径后缀。