在ionic这个框架下(Angular JS)，对URL进行重写，过滤掉URL中的#号

最新推荐文章于 2025-09-10 09:07:54 发布

weixin_30838873

最新推荐文章于 2025-09-10 09:07:54 发布

阅读量126

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端 ViewUI

原文链接：http://www.cnblogs.com/mingmingruyuedlut/p/4236049.html

本文介绍如何在Ionic前端框架和IIS服务器中配置URL，包括启用$locationProvider.html5Mode()以支持HTML5模式，并调整IIS web.config文件以确保所有请求返回主页，从而实现前端框架对URL的全面管理。

此时URL的改变已经完全不受后台代码控制了，因此我们要在前端的ionic这个框架和IIS中进行修改调控。

其实IIS只是host了整个站点，具体的URL跳转都是由前端来控制的。

1）：那么前端要加上一行代码：

$locationProvider.html5Mode(true);

2）：IIS对应的web.config要做如下处理，是每次经过IIS的请求都跳回主页，那么后续的URL管理都由前台框架来管理了：

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <system.webServer>
    <rewrite>
      <rules>
        <rule name="Main Rule" stopProcessing="true">
          <match url=".*" />
          <conditions logicalGrouping="MatchAll">
            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
            <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
          </conditions>
          <action type="Rewrite" url="/" />
        </rule>
      </rules>
    </rewrite>
  </system.webServer>
</configuration>