代码之家 › 专栏 › 技术社区 › AbhiRam

从角js中的url中删除符号[重复]

angularjs

AbhiRam · 技术社区 · 6 年前

这个问题已经有了答案:

AngularJS routing 404 error with HTML5 mode 3答

我是Angularjs的初学者,我正在尝试删除 # 来自url的符号,我正在使用 Visual Studio code IDE,我做了下面的删除步骤 γ 从url启动应用程序时 HTTP Live server 它的工作和 γ 删除从URL,但当我重新加载页面,我得到404,可以有人建议我请

App.JS

var routerApp = angular.module('routerApp', ['ui.router']);

routerApp.config(function ($stateProvider,$locationProvider,$urlRouterProvider) {

    $urlRouterProvider.otherwise('/employeeList');

    $stateProvider

        .state('home', {
            url: '/home',
            templateUrl: 'templates/home.html'
        })
       .state('employeeList', {
            url: '/employeeList',
            templateUrl: 'templates/list_of_employees.html',
            controller: 'EmployeeController'
        })
        $locationProvider.html5Mode(true).hashPrefix('')

});

索引文件

<head>
  <base href='/'>
</head>

1 回复 | 直到 6 年前

subodhkalika 6 年前

使用这个$locationprovider.html5mode(true)需要在服务器端重写url,基本上你必须重写所有到应用程序入口点的链接(例如index.html)。

假设您使用的是apache,并且索引文件是index.php或index.html,请尝试将以下内容添加到.htaccess文件中以创建重写规则。

   <IfModule mod_rewrite.c> 
      RewriteEngine On RewriteBase / RewriteCond %{REQUEST_FILENAME} !-f 
      RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^(.*) /index.php/#/$1 
   </IfModule>

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

2 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

2 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

2 年前

jieunbi · 按日期排序数组(最新优先)

2 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

2 年前

Stradosphere · 如何防止ng bind html添加结束标记?

6 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

6 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

6 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

6 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

6 年前