javascript - Angular 应用程序迁移问题哈希到 bang 哈希 (/#/to/!#/)

Question

这是我一直遇到的一个奇怪的问题。我将本地构建的应用程序移至 cloud9，这样我就可以通过浏览器在线完成所有开发工作。我不认为这是本地迁移到cloud9。我有一个想法，更多的是我缺少或有过时的依赖项。我不知道是否有办法检查是否是这个问题。我并不是真正的 Angular 专家。下面是我的依赖项 package.json 文件。

    {
  "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"
  }
}

我不确定为什么现在我重新加载此文件并将其他文件移至新的 cloud9 开发环境后会出现/#!/。

如果有人可以指导我如何让/#/恢复正常，因为它扰乱了我的路由。现在我的链接都没有加载。

提前致谢。

Answer 1

您是否在将代码部署到云的同时升级了 Angular 版本？似乎有一个 breaking change在 $locationProvider 中从 Angular 1.5.x 到 1.6.x。

Angular 1.6.0 specifies位置提供程序的默认前缀是 bang。您可以通过将 $locationProvider 注入(inject)应用程序的配置函数来更改此设置，然后调用 $locationProvider.hashPrefix("");

这是一支笔，其中有一个示例: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>