第9章 登录页面的跳转实现

1 “swg-login.html”登录按钮不能触发异常

    由于.Net框架默认支持“HTTPS”协议从而导致“swg-login.html”登录按钮不能触发,其异常信息如下:“Mixed Content: The page at 'https://localhost:7037/swg-login.html' was loaded over HTTPS, but requested an insecure script 'http://code.jquery.com/jquery-1.8.3.min.js'. This request has been blocked; the content must be served over HTTPS.”,如下图所示。

  第9章 登录页面的跳转实现_第1张图片

解决方案:

1、修改<script src="http://code.jquery.com/jquery-1.8.3.min.js">script>为:

<script src="https://code.jquery.com/jquery-1.8.3.min.js">script>

2、或修改为本地的js文件:

注意:

       如果使用“Chrome”浏览器,进行调试必须先把历史纪录清理掉,否则异常将继续存在。

第9章 登录页面的跳转实现_第2张图片

012 SwaggerMiddleware、SwaggerAuthMiddleware、SwaggerAuthorizeExtensions、SwaggerLoginRequest、BaseApiController、LoginController

SwaggerMiddleware:  通过该类中的方法成员把“UseSwagger”管道中间件,集成到.Net7框架内置管道中,为自定义“index.html”页面渲染显示api提供支撑。

SwaggerAuthMiddleware:该管道中间件类主要用于判断1个指定用户是否已经被授权,如果已经被授权则直接访问默认启动页面;反之跳转到登录页面。

SwaggerAuthorizeExtensions:通过该类中的方法成员把Swagger授权管道中间件集成到.Net7框架的内置管道中,以实现,如果已经被授权则直接访问默认启动页面;反之跳转到登录页面。

SwaggerLoginRequest:把后台登录页面中所输入的用户、密码存储到该类中的属性成员实例中。

BaseApiController:通过该类中的方法成员,把从指定“Api”控制器行方法中获取(指定实体/模型类的所有实例)执行结果及其状态数据信息存储到信息模型类中的属性员中,为客户端页面的渲染提供数据支撑。

LoginController:继承了BaseApiController类,通过该类中的方法成员,为前端登录页面中的登录操作提供Api方法和数据支撑。

       按F5执行程序后在登录页面执行登录操作后,即可实现从登录页面跳转到默认启动页。

对以上功能更为具体实现和注释见:221201_08Blog(登录页面的跳转实现)。

你可能感兴趣的:(.Net7,前后端分离,博客实现,后端)