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

使用yeoman设置的AngularJS项目的路由问题

龙繁
2023-03-14
问题内容

我已经使用yeoman建立了一个新的Angular项目。Angular版本是1.6.0。项目设置成功,但是我遇到了路由问题

任务运行器-咕unt声

当我在本地运行项目时,本地页面将加载URL

http:// localhost:9000 /#!/

我期待http:// localhost:9000 /#/

单击关于链接时,浏览器将路由到

http:// localhost:9000 /#!/%23%2Fabout

期望值:http:// localhost:9000 /#/ about

当我单击主页链接时,浏览器被路由到

http:// localhost:9000 /#!/%23%2F

期望值:http:// localhost:9000 /#/

可能是什么问题?使用AngularJS 1.5.8的其他系统中没有此类问题。


问题答案:

我用以下代码解决了。您可以在app.js文件中编写

 $locationProvider.hashPrefix('');


 类似资料:
  • 前面我们已经创建了 beego 项目,而且我们也看到它已经运行起来了,那么是如何运行起来的呢?让我们从入口文件先分析起来吧: package main import ( _ "quickstart/routers" "github.com/astaxie/beego" ) func main() { beego.Run() } 我们看到 main 函数是入口函数,但是

  • 问题内容: 我想从而不是从站点根目录开始导航。 例如 当我的网址是 我该怎么办? 问题答案: 当用户导航到时,将基本标记添加到正在提供的主HTML文件中: 可以在开发人员指南/使用$ location中 找到更多信息。

  • 我想从API中读取要显示的产品。然后,当我按下其中一个显示的产品时,它应该使用url中的产品ID和要在页面上查看的产品详细信息将我路由到一个组件,以获取有关该产品的详细信息。我在这里读取了API中的数据,并详细显示了产品。 我想通过产品ID添加一个路由链接。如何将详细信息作为其他组件的道具发送?

  • 知名框架项目,比如 Django 和 Rails 都有自己的一整套脚手架工具,负责快速生成项目基本代码。但对于小众一点的框架,则可能没有精力去开发类似的工具,又或者出于众口难调的原因,项目并没有官方认可的脚手架工具,这时候你又不希望把基础的代码重复一遍又一遍该怎么办呢?YeoMan 就提供了这样一个通用的项目初始化功能。 安装 YeoMan 是一个 node.js 项目,首先需要使用 npm 进行

  • 路由配置项位于 /lavas.config.js 的 router 对象。Lavas 内部使用 vue-router 进行路由管理,因此许多配置项都和 vue-router 是相同的。 Lavas 路由配置项包括: 路由模式,基准路由等 路由切换动画效果 重写路由(如果对自动生成的路由规则不满意) 路由模式和基准路由 router: { mode: 'history', base:

  • 主要内容:AngularJS 实例,路由设置对象,AngularJS 实例本章节我们将为大家介绍 AngularJS 路由。 AngularJS 路由允许我们通过不同的 URL 访问不同的内容。 通过 AngularJS 可以实现多视图的单页 Web 应用(single page web application,SPA)。 通常我们的 URL 形式为 http://xnip.cn/first/page,但在单页 Web 应用中 AngularJS 通过 #! + 标记