Migration de l'application angulaire Problème hash to bang hash (/ #/à /! # /)

Question

C'est un problème étrange que j'ai eu. J'ai déplacé une application que je construisais localement sur cloud9 afin que je puisse faire tout le développement en ligne grâce à un navigateur. Je ne pense pas que ce soit le déplacement du local vers cloud9. J'ai une idée que c'était plus je suis manquant ou ai des dépendances démodées. Je ne sais pas s'il existe un moyen de vérifier si c'est le problème. Je ne suis pas vraiment un expert en angulaire. Voici le fichier de mes dépendances package.json ci-dessous.

{ 
    "name": "mean-app", 
    "version": "1.0.0", 
    "description": "MEAN stack application", 
    "main": "app.js", 
    "scripts": { 
    "start": "node app.js", 
    "test": "echo \"Error: no test specified\" && exit 1" 
    }, 
    "repository": { 
    "type": "git", 
    "url": "" 
    }, 
    "keywords": [ 
    "mean" 
    ], 
    "author": "", 
    "license": "ISC", 
    "bugs": { 
    "url": "" 
    }, 
    "homepage": "", 
    "dependencies": { 
    "angular": "^1.6.0", 
    "angular-jwt": "^0.1.8", 
    "angular-route": "^1.6.0", 
    "bcrypt-nodejs": "0.0.3", 
    "bluebird": "^3.4.6", 
    "body-parser": "^1.15.2", 
    "express": "^4.14.0", 
    "jsonwebtoken": "^7.2.1", 
    "mongodb": "^2.2.16", 
    "mongoose": "^4.7.3", 
    "purecss": "^0.6.1", 
    "twilio": "^2.11.1" 
    }, 
    "devDependencies": { 
    "mocha": "^2.3.3" 
    } 
} 

Je ne suis pas sûr de la raison pour laquelle maintenant je le/#!/Une fois que je rechargées ce fichier et déplacé mes autres fichiers vers le nouveau env développement Cloud9.

Si quelqu'un pouvait me diriger sur la façon dont je peux avoir le/#/retour à la normale parce que c'est déranger avec mon routage. et maintenant aucun de mes liens ne charge.

Merci d'avance.

Answer 1

Avez-vous mis à jour des versions d'Angular à peu près au même moment où vous avez déployé votre code dans le cloud? Il semble y avoir un breaking change dans $ locationProvider d'Angular 1.5.x à 1.6.x.

Angular 1.6.0 specifies que le préfixe par défaut pour le fournisseur d'emplacement est un bang. Vous pouvez changer cela en injectant $ locationProvider dans la fonction de configuration de votre application, puis en appelant $ locationProvider.hashPrefix ("");

Voici un stylo avec un exemple: http://codepen.io/mac5977/pen/aBMGGm?editors=1011

JS

(function(){ 
     'use strict'; 
     angular.module('app', ['ngRoute']) 
      .config(configFxn); 
     configFxn.$inject = ['$routeProvider', '$locationProvider']; 
    function configFxn($routeProvider, $locationProvider){ 
     $locationProvider.hashPrefix(""); 

     $routeProvider.when('/', { 
     template: '<h3>/Route</h3><br/><a ng-href="#/secondpage">Switch Route</a>'}) 
      .when('/secondpage', { 
      template: '<h3>/SecondPage Route</h3><br/><a ng-href="#/">Goto Other Route</a>'}); 
    } 
})(); 

HTML

<div ng-app="app"> 
    <ng-view></ng-view> 
</div>