javascript - angularjs SEO 友好的 url 不起作用

标签 javascript angularjs express routing seo

我想让我的 expressjs + angularjs SEO 友好,我阅读了很多关于 $locationProvider 的文章。我正在使用此代码,但我的应用程序无法运行并在浏览器中显示空白页面:

这是我的 Angular 代码:

var myApp = angular.module("PlannerApp" , ['ngRoute' , 'appControllers' , 'ngAnimate']);
var appControllers = angular.module('appControllers' , []);

myApp.config(['$routeProvider' , '$locationProvider' , function($routeProvider , $routeProvider){
$routeProvider.
when("/home" , 
     {templateUrl : "../home.html",
      controller: 'HomepageCtrl'
    }).
when("/about" ,
    {templateUrl : "../about.html",
      controller: 'AboutpageCtrl'
    }).
otherwise({templateUrl : "../home.html"});

$locationProvider.html5Mode(true);
$locationProvider.hashPrefix('!');

}]);

function HomepageCtrl($scope) {
  $scope.$parent.seo = {
    pageTitle : 'home',
    pageDescripton: 'home We are a content heavy website so we need to be indexed.'
  };
}

function AboutpageCtrl($scope) {
  $scope.$parent.seo = {
    pageTitle : 'aboute ',
    pageDescripton: 'aboute We are a content heavy website so we need to be indexed.'
  };
}

myApp.run(function(){
   console.log("runde");
});

这是输出:

enter image description here

最佳答案

您可能需要在您的 html 文件中插入一个基本标签:

<head>
    <base href="/">
</head>

来源:https://stackoverflow.com/a/31098416/1005137

关于javascript - angularjs SEO 友好的 url 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39930668/

相关文章:

javascript - 如何使 Windows 应用商店应用程序非全屏?

javascript - ngDialog关闭按钮重定向到其他页面

javascript - 使用 AngularJS 处理 Json 数据

node.js - Passport.js : how to access user object after authentication?

javascript - Promise 的串行执行

javascript - Ionic + Angular 默认无法勾选ion-radio

javascript - 如何确定网站是在 iPhone/Android 浏览器上打开还是从 iPhone/Android 应用程序网页 View 打开?

javascript - AngularJS 飞利浦 Hue 项目

node.js - 使用 gulp-gzip 时 Gulp SourceMaps 不工作

javascript - 如何处理 Node.js/express 中的错误