我正在使用 angular-ui-router 库，但 URL 有问题。
我有以下代码：
应用程序.js：
app.config(function ($stateProvider, $urlRouterProvider) {
$stateProvider
.state('state', {
url: '/state',
templateUrl: 'templates/state.html',
onEnter: function () {
/*... code ...*/
}
})});
索引.html：
<a href="#/state">STATE</a>
这有效，但是当我从<a>标签中删除“#”时，这不起作用。
如何从 URL 中删除“#”号？
如果你想要没有哈希标签的导航，你需要启用 HTML5Mode：
app.config(["$locationProvider", function($locationProvider) {
$locationProvider.html5Mode(true);
}]);
您还需要通过将以下代码添加到<head>HTML 文件的来告诉 angular 应用程序的根 URL ：
<base href="/">
请注意，对 HTML5 模式的支持取决于浏览器。对于那些不支持 History API 的人，Angular 将回退到 hashbang。
如果您使用的是Angular 1.6+，您还需要hashPrefix从 URL 中删除：
appModule.config(['$locationProvider', function($locationProvider) {
$locationProvider.hashPrefix(''); // by default '!'
$locationProvider.html5Mode(true);
}]);
不要忘记更改底座：
<head>
...
<base href="/">
</head>
yourApp.config(function ($stateProvider, $urlRouterProvider,$locationProvider) {
$urlRouterProvider.otherwise('/home');
//add this line in your routing code
$locationProvider.html5Mode(true);
$stateProvider.state('web.home', {
url: '/home',
templateUrl: 'pages/home.html',
controller: 'mainController'
})
}
在你的 index.php 或 index.html 中 <head> 标签插入
< base href="/" >
对于CodeIgniter：
<base href=" < ?php echo base_url() ? >" >