angularjs - Flask 和 Angular Ui 路由器

Question

我正在尝试使用 Flask 作为服务器端语言来设置 Angular ui-router。我在用户界面 View 中加载部分内容时遇到问题。这是我的目录结构

我的路线如下所示:

(function () {
    'use strict';

    angular
        .module('dvgo-admin')
        .config(config);

    config.$inject = ['$stateProvider', '$urlRouterProvider', '$locationProvider'];

    function config($stateProvider, $urlRouterProvider, $locationProvider) {

        $locationProvider.html5Mode({
          enabled: true,
          requireBase: false
        });

        $urlRouterProvider.otherwise('/');

        $stateProvider.
            state('matching-console', {
                url: '/matching-console',
                templateUrl: '/dogvacay-admin/templates/matching-console.view.html',
                controller: 'MatchingConsoleController as vm'
            })
    }

}());

让 flask 正确服务我的部分的正确方法是什么？

Answer 1

您的文件夹结构很好，但您需要为“/”提供index.html通过 flask 的路线。在 Flask 中，你可以为“/”定义一条路由，例如:

basedir = os.path.abspath( os.path.join( os.path.dirname(__file__), os.pardir ))

app.static_folder = os.path.join(basedir, 'client') # Add static folder directory

@app.route("/")
    def index():
        return app.send_static_file('index.html')

这样你就可以从flask渲染index.html文件。一旦加载了索引，Angular ui-router 将负责浏览器路由。