当前位置: 首页 > 面试题库 >

angularjs中的html5Mode问题

蒙洛华
2023-03-14
问题内容

我试图删除在angularjs中index.html使用的网址html5Mode(true),这是代码:

angular.module('myApp', [
  'ngRoute',
  'myApp.filters',
  'myApp.services',
  'myApp.directives',
  'myApp.controllers'
]).
config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
  $locationProvider.html5Mode(true);
  $routeProvider.when('/home', {templateUrl: 'views/home.html'});
  $routeProvider.when('/about', {templateUrl: 'views/about.html'});
  $routeProvider.otherwise({redirectTo: '/'});
}]);

如果我不写$locationProvider.html5Mode(true);,URL显示:

本地主机:(端口)/MyApplication/index.html

如果我写$locationProvider.html5Mode(true);的URL显示:

本地主机:(端口)

MyApplication已从网址中删除。我想显示网址:

本地主机:(端口)/ MyApplication /

我做错了什么?有什么问题?

更新:

如何显示我的<a>标签?现在我有:

<a href="#/about">About</>

当我单击链接时,URL显示:

本地主机:(端口)/MyApplication/index.html#/关于

我迷路了。

提前致谢!


问题答案:

如果您的应用程序在下运行,请/MyApplication/尝试在index.html中设置基本路径并打开html5Mode

<html>
  <head>
    <base href="/MyApplication/index.html" />
    ...

请参阅使用$ location。



 类似资料:
  • 问题内容: 我使用Spring Boot启动Web应用程序。它使用一个简单的主类来启动嵌入式tomcat服务器: 我想以他可以处理的angularjs html5mode的方式配置服务器 其他用户的相关发布表明你需要重定向到根目录。html5模式从网址中删除hashbag。如果刷新页面,则服务器找不到该页面,因为他不处hash。 问题答案: 我找到了可以接受的解决方案。 angularjs应用必须

  • 问题内容: 我之所以这么问,是因为有几次,我尝试一起使用该命令,并在调用我的项目的脚本/样式/图像时遇到很多错误。我想可能是我做错了什么,但是您应该遵循某种文件夹结构,以免遇到这些错误吗?还是有一种我不太了解的作品的特定方式? 最近,我想我会在一个非常小的应用程序上尝试。它实际上是一个静态网站,但是我想利用Angular的路由来确保所有页面都可以立即加载。所以我的结构是这样的: 所以我知道这个文件

  • 问题内容: 我正在html 5模式下使用angularjs。似乎可以控制页面上的所有href。但是,如果我想链接到该应用程序同一域中的某个内容,但实际上不在该应用程序中,则该怎么办?一个示例是pdf。 如果我做的角度会尝试使用html5mode并使用路由提供程序来确定应该加载哪个视图。但是我实际上希望浏览器以常规方式转到该页面。 唯一的方法是与路由提供者制定规则,并使用window.locatio

  • 问题内容: 嗨,您已经用yeoman,grunt和bower创建了一个angularJS应用程序。我已经为应用程序启用了html5Mode。及其工作。但是,当我刷新页面(localhost:9000 / login)时,它说 这是应用程序结构 这是我的 app.js 路由 这是我的Gruntfile.js 我已经解决了这个问题。根据已接受的答案,我将Gruntfile.js更改为以下内容。 但是刷

  • 问题内容: 我正在使用带有Express的nodeJS服务器来服务我的AngularJS应用程序。当我使用angularJS默认路由(hashbangs)时,所有这些都工作正常,但是现在我尝试激活html5模式。 我正在像这样激活html5mode: 这是我的nodeJS 文件的样子: 但是,这现在将所有请求用作我的文件,因此我从requireJS收到以下错误: 我尝试将以下内容添加到我的node

  • 问题内容: 我最近切换到grunt 0.4.5,它改变了连接的工作方式。 我以前使用过connect-modrewrite,它工作得很好(/:parameter生成的URL出现了一些问题)。 这是与生成器角度0.8.0的grunt 0.4.1一起使用的旧版本,中间件部分由我修改为使用html5mode。 这是Generator-angular 0.9.0-1中的新版本 如何更改此格式以使用mod-