URL-адрес ионного приложения

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/блогов я попытался получить к нему доступ по всем типам комбинаций. Но я получаю сообщение об ошибке страницы.

Каков фактический URL-адрес, на котором я могу получить доступ/страницу в блогах? Ниже приведены несколько комбинаций, которые я пробовал.

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

Answer 1

Если URL определяется как /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 -

Если вы проверяете GUI на MAC, вы можете запустить:

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 

И у вас есть живая перезагрузка! Наслаждайтесь