Question

我已经开始了一个空白的离子项目并开始建立它。我成功创建了空白项目，它按预期工作。

该应用程序位于

http://localhost/Projects/myapp/www/index.html

现在我想为项目添加一些路由，所以我在app.js文件中添加了以下代码。

app.config(function($stateProvider, $urlRouterProvider) {
    $stateProvider.state('blogs', {
        url : "/blogs",
        templateUrl : "templates/blogs.html",
        controller : "BlogsCtrl"
    });
})

由于URL路由是/ blogs，我尝试在所有类型的组合中访问它。但是我找不到页面错误。

我可以访问/博客页面的实际网址是什么？以下是我尝试过的几种组合。

http://localhost/Projects/myapp/www/index.html/blogs
http://localhost/Projects/myapp/www/index.html/#blogs

Answer 1

如果网址定义为/blogs

完整路径应为：

<AppRoot>/#/blogs

在你的情况下：

http://localhost/Projects/myapp/www/#/blogs

不管怎样你都不需要使用index.html：

http://localhost/Projects/myapp/www/#/index.html/blogs

通常，如果您使用$urlRouterProvider.otherwise：

例如

$urlRouterProvider.otherwise("/blogs");

之后，你可以写http://localhost/Projects/myapp/www/#/

- MAC -

如果您在MAC上测试GUI，则可以运行：

cd to-your-project www

运行：

python -m SimpleHTTPServer 8000

在URL之后会显示：

http://localhost:8000/#/blogs

Answer 2

最简单的方法是：

$ cd Projects/myapp
$ ionic serve

Running dev server: http://192.168.1.4:8100
Running live reload server: http://192.168.1.4:35729

你也有现场重装！享受

离子应用的URL路径

2 个答案: