abp + angular 前端使用 hash ,登录界面不跳转问题

最新推荐文章于 2022-04-27 15:01:45 发布
最新推荐文章于 2022-04-27 15:01:45 发布
阅读量408 收藏
点赞数
文章标签： javascript 前端 ViewUI
原文链接：http://www.cnblogs.com/lishidefengchen/p/10653340.html
版权

abp 项目默认的路由没有使用hash，这会导致手动刷新浏览器时，页面404错误；

解决方法网上很多，就是在路由里添加一个{useHash: true}，就行了。

 

 

#用Hash带来的新问题#

abp框架，用hash后，发现登录界面不跳转；

调试跟踪后，发现我们需要在它的登录服务里再单独处理一下这中hash的情况。不知道老外为毛都没遇到过这种问题，搜了一大堆，最终还是靠自己解决了。

 

转载于:https://www.cnblogs.com/lishidefengchen/p/10653340.html

weixin_30929195
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ABP+angular 框架实现
张峰的博客
07-25 4795
在ABP的官网https://aspnetboilerplate.com/Templates去创建一个框架代码 在服务器上安装.net core2.1 ,nodejs, angular 打开项目，自动还原 在vs里面修改数据库配置文件 在命令行中输入命令 还原数据库 Update-Database   数据库还原成功 这样后端就OK了 运行起来   打开前端a...
abp angular 和mvc_ABP+Angular框架搭建踩坑记
weixin_29932857的博客
01-17 894
最近用angular和.net core 搭建一个前后端分离的BS框架，准备使用ABP模板实现。因为准备前端代码也在VS2019里面写，所以此处勾上了One solution ...即前后端都放在一个解决方案里面。2、创建后解压下载下来的安装包，打开刚才填的项目名的解决方案。如果数据库也在本机，则使用windows验证登录数据库创建一个按appsettings.json里面的数据库连接字符串中的数...
[精]abp框架+angular管理后台模板
01-11
abp框架+angular管理后台模板 基于asp.net core 2.1 及angular
ABP + Angular 项目发布
mountainsAndSea的博客
03-26 822
1，Anngular 项目: 在文件 assets\appconfig.json\ 中修改IP地址，下面的IP地址为Angular发布的机器IP地址 "remoteServiceBaseUrl": "http://10.8.11.1:10055", 2，ABP项目： 在文件 Uih.Rt.Rvs.Web.Host\Properties\ launc...
angular4相同路由间的页面跳转
Lobove_code的博客
12-14 1414
相同路由间的页面跳转，页面不刷新的问题 例： 切换单位之后路由仍为/home，但不同组织的首页配置不同(包括banner,公告等等)，如果直接跳转/home的话，页面不会进行刷新而且参数(id)也不会发生任何变化； 方法一： this.router.navigate(['home',{id:value}]); //后面带个参数，页面就会刷新 此时，页面刷新了，有些原始数据已经渲染上去，...
Vue+abp微信扫码登录的实现代码示例
10-15
主要介绍了Vue+abp微信扫码登录的实现代码示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Web开发使用Angular实现用户密码强度判别的方法
08-29
Angular提供了calcCharCount函数来统计指定特殊字符的个数，该函数使用正则表达式来匹配特殊字符。 6. 密码强度判断条件 密码强度判断条件是用户密码强度判别的最后一个步骤。Angular提供了多种密码强度判断条件，...
HelloAbp:ABP vNext + vue-element-admin入门级项目实战
04-13
HelloAbpABP vNext + vue-...你也可以直接使用vs/vscode来运行感谢@贡献的代码另一个干净的vue版本（只有abp启动模板中的功能）：还没做完。。。欢迎关注我的微信公众号：“小黑在哪里” 查看abp vnext相关文章。
ABP的IdentityServer4采用Http时在谷歌最新浏览器登录后不跳转
dacong的专栏
03-07 929
ABP的IdentityServer4采用Http时在谷歌最新浏览器登录后不跳转 错误日志： The cookie 'XSRF-TOKEN' has set 'SameSite=None' and must also set 'Secure' 解决方案： 修改IdentityServer网站项目 public void SetSameSite(HttpContext httpContext, CookieOptions options) { if (options.Sa...
angular4路由跳转-代码跳转
一只奋发向上的小程序员
10-29 9540
学习angular也有一小段的时间了， 虽然没成为一个大能，但是也不能说是一个小白，学到了一点点东西，就赶紧和大家分享。路由跳转分为两种：代码跳转和指令跳转，个人感觉代码跳转比较简单一些，也相对的容易操作一些。首先呢，需要写一个事件~我就把他写在了一个button里边的单击事件中：当然了button按钮也就是写在HTML中了，然后在这个HTML对应的ts文件中编写goback()方法。这样，当你点...
AngularJS最常用的八种功能中文WORD版
07-22
资源名称：AngularJS最常用的八种功能 中文WORD版内容简介：本文档主要讲述的是AngularJS 最常用的八种功能；希望对大家的学习会有帮助；感兴趣的朋友可以过来看看资源截图： 资源太大，传百度网盘了，链接在附件中，有需要的同学自取。
abp框架学习笔记（三）--Angular和前端
学习记录园地
04-27 1784
暂时没有内容
abp angular 和mvc_[译]ABP框架使用AngularJs,ASP.NET MVC,Web API和EntityFramework构建N层架构的SPA应用程序...
weixin_29799175的博客
01-17 284
本文演示ABP框架如何使用AngularJs,ASP.NET MVC,Web API 和EntityFramework构建基于N层架构的多语言SPA应用程序演示程序截图如上所示.内容摘要介绍在这篇文章, 我将基于以下框架演示如何开发单页面的(SPA)应用程序:ASP.NET MVC和ASP.NET Web API–web站点的基础框架.Angularjs–SPA 框架.Entity...
开始使用ABP.CORE模板 (ASP.NET Core with Angular)
易兒善
10-12 9407
前言 本文是翻译文章，如有翻译不正确的地方请指正。 其中内容大部分是官方原文，加上自己根据操作实现的心得。 官方 原文https://aspnetboilerplate.com/Pages/Documents/Zero/Startup-Template-Angular#source-code 简介（Introduction） The easiest way of starting
使用.net core ABP和Angular模板构建博客管理系统（实现自己的业务逻辑）
易兒善
10-25 1793
之前写到使用.net core ABP 和Angular模板构建项目，创建后端服务。文章地址：http://www.jianshu.com/p/fde1ea20331f 创建完成后的api基本是不能用的，现在根据我们自己的业务逻辑来实现后端服务。 部分业务逻辑流程图创建Dto并添加数据校验 关于ABP的数据校验可以参考我这篇文章：http://www.jianshu.com/p/144f5
ABP框架 (.Net Core&AngularJS) Angular前端部署
NikoRanger的博客
03-11 5171
最近想学习一下ABP框架，本来以为AngularJS跟其他前端框架一样，不需要经过其他配置，从官网上下载了好多次，也找了很多教程，一直以为是自己哪一步错了，后来发现还需要经过其他配置。一言难尽…从官网下载打开 ASP.NET Boilerplate 进入下载页面基本环境按照官方文档给的说明,需要的编译环境如下 Visual Studio 2017 v15.3.5+ (ABP (.Net Core)
使用.net core ABP和Angular模板构建博客管理系统（创建后端服务）
易兒善
10-18 4739
如何创建.net core ABP和Angular模板可以参考我的这篇文章：http://blog.csdn.net/yiershan1314/article/details/78219322 创建实体如下所示项目下创建blog/notes文件夹，并加入我们的实体文件/// <summary> /// 文章信息 /// </summary> public class Note
使用.net core ABP和Angular模板构建博客管理系统（实现编辑页面功能）
易兒善
12-05 1326
返回目录初步实现编辑更新功能 新建一个edit-note模块如下： 我们看看作者的新建页面用到了什么， 用到了ngx-bootstrap的弹出层。官网地址: https://valor-software.com/ngx-bootstrap/#/modals#modal-directive 然后是一个基类AppComponentBase 在我们页面引入相关组件 import { C
Angualr + abp 观察者模式
mountainsAndSea的博客
06-02 393
方法一： 通过abp.event触发事件和注册观察者，进行数据传递 在事件触发时调用abp.event.trigger('change object',object); 在事件监听的component的初始化中注册监听时间，代码为：abp.event.on('add.sim',simObject=>this.convertOrderToDoctorAdvice(simObject,DoctoradviceStringList.SimOrder)) 方法二： 通过单例的service创...
ABP框架中WebService如何让前端js调用
最新发布
05-17
在 ABP 框架中，可以通过以下步骤让前端 JavaScript 调用 WebService： 1. 在 ABP 解决方案中创建一个 ASP.NET Web 应用程序项目，并添加 WebService。 2. 在 ABP 应用程序的 Web 项目中，打开 `Startup.cs` 文件，添加以下代码： ```csharp // 添加 WebService app.UseWebService(); ``` 3. 在前端 JavaScript 代码中，使用 jQuery 或其他 AJAX 库，发送 HTTP POST 请求到 WebService 的 URL。 ```javascript var data = { name: "John", age: 30 }; $.ajax({ type: "POST", url: "/api/services/app/MyWebService/MyMethod", data: JSON.stringify(data), contentType: "application/json; charset=utf-8", dataType: "json", success: function(response) { console.log(response); } }); ``` 其中，`/api/services/app/MyWebService/MyMethod` 是 WebService 的 URL，`MyWebService` 是 WebService 的名称，`MyMethod` 是 WebService 中要调用的方法名。请求的数据需要以 JSON 格式进行序列化，并将 `contentType` 设置为 `application/json`。 4. 在 WebService 的实现中，通过 `Abp.Web.Services.WebServiceBase` 类来实现 WebService，例如： ```csharp public class MyWebService : WebServiceBase { [HttpPost] public MyClass MyMethod(MyInput input) { // 处理输入并返回结果 return new MyClass(); } } ``` 其中，`MyInput` 是输入参数的类型，`MyClass` 是返回结果的类型。在 `MyMethod` 方法上使用 `[HttpPost]` 属性，表示使用 HTTP POST 请求方式调用该方法。 通过以上步骤，就可以让前端 JavaScript 调用 ABP 框架中的 WebService 了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值