gpt4 book ai didi

javascript - 如何忽略 Angular 路径中的 '#' 字符?

转载 作者:行者123 更新时间:2023-11-29 16:05:16 25 4
gpt4 key购买 nike

我有一个 Angular 应用程序,通过使用 $stateProvider 我配置了几个 Angular 状态。但是当我定位到任何状态时,url 会出现“#”字符,如:http://localhost:63808/#/login ,而不是我想配置的这个网址:http://localhost:63808/login .这是我的 app.js 代码。

app.js

'use strict';
var mainApp = angular.module("mainApp", ["ui.router", "ui.bootstrap"]);

mainApp.config(function ($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/payment');
$stateProvider
.state('login', {
url: '/login',
templateUrl: 'Dashboard/templates/login/login.html',
controller: 'loginController'
})
.state('payment', {
url: '/payment',
templateUrl: 'Dashboard/templates/payment/payment.html',
controller: 'TransactionsController'
})
.state('institute', {
url: '/institute',
templateUrl: 'Dashboard/templates/institute.html',
controller: 'InstituteController'
})
.state('pinverification', {
url: '/pinverification',
templateUrl: 'Dashboard/templates/PIN/verification.html',
controller: 'PINVerificationController'
})
});

最佳答案

使用 $locationProvider 配置您的应用:

mainApp.config(function($routeProvider, $locationProvider) {
$locationProvider.hashPrefix('');
$locationProvider.html5Mode(true);

// Routes
});

和 HTML:

<!DOCTYPE html>
<html>

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

hashPrefix 删除 '!'

来源:https://scotch.io/tutorials/pretty-urls-in-angularjs-removing-the-hashtag

关于javascript - 如何忽略 Angular 路径中的 '#' 字符?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44627760/

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