在ionic这个框架下(Angular JS)，对URL进行重写，过滤掉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>

3）：要保证上述config能够生效，需要安装IIS URL Rewrite的插件，具体下载地址如下所示：

http://www.iis.net/downloads/microsoft/url-rewrite

更多详细的信息请看如下链接：

https://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions#how-to-configure-your-server-to-work-with-html5mode

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

Layui框架下：JS中根据后台查询到的数据动态往div中ul里面动态添加li
Layui框架下:JS中根据后台查询到的数据动态往div中ul里面动态添加li 先建立好一个div和ul JS代码: $(function () { layui.admin.req({ url: _s ...
python基于django框架下读代码——页面元素和数据元素在代码中的位置查找
Python+django写的集成版本自动打包发布,用户意见禅道问题收集的项目本篇的主要目的是: 1.**页面元素查询:**查找网页中"构建"部分代码所在位置 2.**数据信息查 ...
前端框架-Angular.js
前端的功能与单页应用就webapp开发而言,前端实现的功能主要有: -实现UI(渲染出用户可见的视图和各种功能组件) -对用户的操作(事件)做出反应 -实现业务逻辑 -实现页面路由 -与服务器端交互 ...
angular js创建表单_如何优雅的使用 Angular 表单验证
随便说说,这一节可以跳过去年参加 ngChine 2018 杭州开发者大会的时候记得有人问我: Worktile 是什么时候开始使用 Angular 的,我说是今年(2018年) 3 月份开始在新模 ...
MVC、MVP、MVVM、Angular.js、Knockout.js、Backbone.js、React.js、Ember.js、Avalon.js、Vue.js 概念摘录...
注:文章内容都是摘录性文字,自己阅读的一些笔记,方便日后查看. MVC MVC(Model-View-Controller),M 是指业务模型,V 是指用户界面,C 则是控制器,使用 MVC 的目的是 ...
C# WPF Caliburn.Micro框架下利用Mef加载其它项目界面
01 - 前言 MEF是微软自家的托管可扩展框架,在这里我把它用成了ioc容器.在Caliburn.Micro框架下,view和viewmodel被注入到CompositionContainer容器中 ...
面向初学者的带MVC API的Angular Js Table CRUD MSSQL
目录介绍 Angular Js代码要点示例截图第一部分第二部分(ASP.NET MVC WEB API和数据表) 第三部分(关于Postman发布和测试API) 注意结论介绍本文主要介绍 ...
C# - 企业框架下的存储过程输出参数
C# - 企业框架下的存储过程输出参数 output 输出参数在C# 中的获取方法新建存储过程 create proc Test @ID int, @maxnum int output as be ...
angular js 使用pdf.js_胶水（框架） Stencil.js
去年的同一时间,我写了那篇<前端下半场:构建跨框架的 UI 库>推荐了 Stencil.js,当时是在项目的试验期.而 Stencil.js 已经在今年(2019 )的 6 月份,推出了 ...

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

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

最新文章

热门文章