gpt4 book ai didi

javascript - Angular 1 Base href 和路由/ View / Controller

转载 作者:行者123 更新时间:2023-11-30 15:10:12 25 4
gpt4 key购买 nike

我希望将基本 href 添加到我的 Web 应用程序。目前运行时一切正常:

  • 本地主机:3000/#/登录

但我需要添加 base href 或“charge” -> localhost:3000/charge/#/login

当前index.html

<head>
<base href="charge/" />
<meta charset="utf-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" ....
</head>

Anuglar 路由文件

function routerConfig($routeProvider, $locationProvider) {
$routeProvider
.when('/map', {
templateUrl: 'app/views/main/main.html',
controller: 'MainController',
controllerAs: 'mainCtrl'
})
.when('/login', {
templateUrl: 'app/views/login/login.html',
controller: 'LoginController',
controllerAs: 'loginCtrl'
})
.when('/list', {
templateUrl: 'app/views/list/list.html',
controller: 'ListController',
controllerAs: 'listCtrl'
})
.when('/reporting', {
templateUrl: 'app/views/reporting/reporting.html',
controller: 'ReportingController',
controllerAs: 'reportingCtrl'
})
.otherwise({
redirectTo: '/map'
});
// $locationProvider.html5Mode(true);
}

每当我使用 basehref 运行我的应用程序并导航到 localhost:3000/charge/#/login 时,基本上找不到每个 View 、 Controller 、bower 组件和模块。我试过编辑路由器,更改主应用程序文件夹的名称,但无法正常工作。我知道我遗漏了一些小东西,所以非常感谢任何帮助!

我的问题似乎与 Base Href and Angular Routing and Views 非常相似但老实说,我就是想不通。

最佳答案

如果您使用的是 Chrome 并查看开发者控制台,请查看它找不到的资源的 URL:

http://localhost:8080/charge/app.js

它正在查看项目的根目录,然后查找名为 charge 的文件夹,然后查找资源。

The HTML element specifies the base URL to use for all relative URLs contained within a document. There can be only one element in a document. - MDN

你能告诉我们你的目录结构是什么样的吗?如果您的项目文件直接位于根目录中,请尝试创建一个名为“charge”的子文件夹并将所有文件放入其中。

示例:root > charge > 工程文件

有用的链接:AngularJS: Changing App Path, and the Element

关于javascript - Angular 1 Base href 和路由/ View / Controller ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45222359/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com