去掉angularjs路由的#,node为服务器

本文介绍了如何在AngularJS应用中去除路由中的#符号,并确保在页面刷新时仍能正确匹配路由。主要涉及AngularJS的配置调整以及Node服务器的设置。通过在AngularJS应用配置中添加相应代码,并在Node服务器端进行特定处理,实现了无#路由和页面刷新后的路由匹配。详细步骤和关键代码已给出。
摘要由CSDN通过智能技术生成

#或#!是angular路由的特征,但是有时候我们由于种种原因不愿意去使用它。参考这篇资料之后,

http://blog.fens.me/angularjs-url/

发现无法解决。于是自己捣鼓。各种心酸,终于解决了。
解决了两个问题:

  • 去掉#
  • 刷新页面时仍然能匹配到对应的路由

angular代码

在angular应用配置中添加:

angular.module('myApp')
.config(function($locationProvider) {
   
  $locationProvider.html5Mode(true)
})

在首页应用中添加:
base('/')
基本上网上能查到的这两步都有,但是用node做服务器的时候服务器端的处理才是最重要的。

node代码

根据上述参考文章(无法解决

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值