第26章 uView 内置路由使用注意事项

news2025/1/10 3:15:29

1 uView 内置路由不支持通过“localhost”域名直接获取数据。

    在前后分离开发中“axios” 路由支持使用“localhost”域名或IP地址获取后端的数据,所以不管是IIS部署还是后端调试通过“axios” 路由都能获取数据,对于.NetCore的前后端分离开发来说“axios” 路由是最好的选择。但在移动开发中经常使用“uView”前端模版,“uView”前端模版中内置了自己的路由,但是“uView”内置路由不选择支持使用“localhost”域名,不管该“localhost”域名是由IIS提供还是“.NetCore”提供,如果使用“localhost”域名将会出现以下现象(<noscript><strong>本站点必须要开启JavaScript才能运行</strong></noscript>)

async onLoad() {

            console.log("可用域名示例:", await this.$u.get(

                'https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata'));

            console.log("IIS--HTTP--localhost--不可用域名示例:", await this.$u.get(

                'http://localhost:8080/WeatherForecast/Get'));

            console.log("IIS--HTTP: 127.0.0.1:8080--可用域名示例:", await this.$u.get(

                'http://127.0.0.1:8080/WeatherForecast/Get')); //注意必须包含“8080”端口。

            console.log("IIS--HTTP: 192.168.1.100:8080--可用域名示例:", await this.$u.get(

                'http://127.0.0.1:8080/WeatherForecast/Get')); //注意必须包含“8080”端口。

        },

2 uView 内置路由与IIS HTTPS

    .Netcore 第一次使用IIS Express或https 调试Web/WepApi程序时会使用“IIS Express Development Certificate”SSL证书对“localhost”域名进行安全认证,所以不管IIS HTTPS或.Netcore 第一次使用IIS Express或https调用“localhost”域名时都是安全的例如:

而本机IP:127.0.0.1(IPV4)/192.168.2.230(IPV4)/::1(IPV6)是特殊的IP地址,“IIS Express Development Certificate”SSL证书是不能对其进行安全认证的例如:

    通过上面这些图可以直接看出本机IP:127.0.0.1(IPV4)/192.168.2.230(IPV4)/::1(IPV6)是不安全的,也可以得到“IIS Express Development Certificate”SSL证书只对“localhost”域名进行安全认证,而不能对本机IP:127.0.0.1(IPV4)/192.168.2.230(IPV4)/::1(IPV6)进行安全认证,uView”内置路由要获取基于IIS HTTPS数据源时,如果该数据源没有通过SSL证书进行安全认证,那么是不会获取数据的:“[Vue warn]: Error in onLoad hook (Promise/async): "[object Object]"”

3 通过mkcert生成SSL证书对本机IP进行安全认证

3.1 下载mkcert

Releases · FiloSottile/mkcert (github.com)

3.2 使用mkcert生成本机IP SSL证书

3.2.1 查看

    1、 按“Windows键+R”调出运行框,输入certmgr.msc命令。打开证书控制台。

2、C:\Users\Administrator\AppData\Local\mkcert(错误命令)

3.2.2 运行mkcert


    1、执行命令:C:\Users\Administrator\Downloads\mkcert-v1.4.4-windows-amd64.exe -install

查看:

2、C:\Users\Administrator\AppData\Local\mkcert(正确命令)

3、执行命令:C:\Users\Administrator\Downloads>mkcert-v1.4.4-windows-amd64.exe 127.0.0.1 ::1 192.168.1.100 localhost

4、执行命令:C:\Users\Administrator\Downloads>mkcert-v1.4.4-windows-amd64.exe -pkcs12 127.0.0.1 ::1 192.168.1.100 localhost

5、执行命令:C:\Users\Administrator\Downloads>mkcert-v1.4.4-windows-amd64.exe -client 127.0.0.1 ::1 192.168.1.100 localhost

6、执行命令:C:\Users\Administrator\Downloads>mkcert-v1.4.4-windows-amd64.exe -pkcs12 -client 127.0.0.1 ::1 192.168.1.100 localhost

4 安装本机SSL证书

4.1 安装IIS服务器证书

密码:changeit

4.2 安装客户端SSL证书

    1、单击127.0.0.1+3-client.p12


   

2、验证使用“mkcert”生成的本机SSL证书是否已经对本机IP进行了认证

  console.log("IIS--HTTPS: 127.0.0.1--可用域名示例:", await this.$u.get(

                'https://127.0.0.1/WeatherForecast/Get')); //注意不能包含“443”端口。

            console.log("IIS--HTTPS: 192.168.1.100--可用域名示例:", await this.$u.get(

                'https://192.168.1.100/WeatherForecast/Get')); //注意不能包含“443”端口。

    这时 uView 内置路由就可能通过IIS HTTPS协议获取服务器端数据了。

5 Program.cs

var builder = WebApplication.CreateBuilder(args);

// Add services to the container.

builder.Services.AddControllers();

// Learn more about configuring Swagger/OpenAPI at https://aka.ms/aspnetcore/swashbuckle

builder.Services.AddEndpointsApiExplorer();

builder.Services.AddSwaggerGen();

var app = builder.Build();

//注意:在IIS部署时如果不定义该自定义管道中间件“http://localhost:8080”页面会出现“404”错误,但“http://localhost:8080/Swagger/index.html”页面可用;

//“SwaggerHomeMiddleware”管道中间件的直接实现调用。

app.Use(async (context, next) =>

{

    if (context.Request.Path == "/")

    {

        context.Response.Redirect("/Swagger/index.html");

        return;

    }

    await next.Invoke();

});

app.UseSwagger();

app.UseSwaggerUI();

app.UseHttpsRedirection();

app.UseAuthorization();

//如果想要前端路由获取后端数据,.Net(Core)x框架所定义的后端必须先引入跨域管道定义,否则前端路由将不能获取后端数据。

app.UseCors(x => x

    .SetIsOriginAllowed((host) => true)//设置指定的isOriginAllowed为基础策略。

    .AllowAnyOrigin()//允许所有来源的CORS请求和任何请求协议(HTTPHTTPS)AllowAnyOrigin不安全,因为任何网站都可以向应用程序发出跨域请求。

    .AllowAnyMethod()//确保策略允许任何方法。

    .AllowAnyHeader()); //确保策略允许任何标头。

app.MapControllers();

app.Run();

对以上功能更为具体实现和注释见:230627_028WebApi(uView 内置路由获取IIS http或https数据测试)

230627_001uView_default(uView 内置路由获取IIS http或https数据测试)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/690907.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

python爬虫之Scrapy框架--保存图片(详解)

目录 Scrapy 使用ImagePipeline 保存图片 使用图片管道 具体步骤 安装相关的依赖库 创建Scrapy项目 配置settings.py 定义Item 编写Spider 运行Spider Scrapy 自定义ImagePipeline 自定义图片管道 Scrapy 使用ImagePipeline 保存图片 Scrapy提供了一个 ImagePipelin…

使用原生AJAX请求数据

一、什么是AJAX AJAX英文全称 Asynchronous Javascript And XML&#xff08;异步的JavaScript和XML&#xff09;&#xff0c;是指一种创建交互式网页应用的网页开发技术&#xff0c;用于浏览器和服务器之间进行数据交互。AJAX在浏览器与Web服务器之间使用异步数据传输&#xf…

【Jetpack】Navigation 导航组件 ③ ( 为 Navigation Graph 页面跳转 action 添加跳转动画 )

文章目录 一、为 Navigation Graph 添加跳转动画1、进入 Navigation Graph 配置的 Design 模式2、选中 action 跳转3、为 action 跳转设置 enterAnim 进入动画4、为 action 跳转设置 exitAnim 退出动画5、通过代码为 action 跳转设置进入 / 退出动画6、执行效果 代码地址 : CS…

DBeaver连接mysql时报错com.mysql.cj.jdbc.Driver的解决方法【修改驱动下载的maven地址和重新下载驱动】

文章目录 说明解决方法1、打开DBeaver点击窗口-->窗口-->首选项-->链接-->点击驱动-->Maven-->添加2、删除已有的驱动3、重新创建mysql链接 说明 网上下载了最新版本的DBeaver软件&#xff0c;但是链接mysql的时候驱动下载失败&#xff0c;所以就报下面错误…

Cisco Secure Client 5.0.03072 (macOS, Linux, Windows iOS, Andrord)

Cisco Secure Client 5.0.03072 (macOS, Linux, Windows & iOS, Andrord) 思科安全客户端&#xff08;包括 AnyConnect&#xff09; 请访问原文链接&#xff1a;https://sysin.org/blog/cisco-secure-client-5/&#xff0c;查看最新版。原创作品&#xff0c;转载请保留出…

半小时摸清一个行业:ChatGPT+麦肯锡关键词法

大家好&#xff0c;我是可夫小子&#xff0c;关注AIGC、读书和自媒体。 说实话&#xff0c;在行业分析中「关键词分析法」最早见诸于冯唐&#xff0c;并非是麦肯锡公司的方法论。 冯唐作为麦肯锡前合伙人&#xff0c;讲了快速掌握一个行业的基本方法&#xff0c;一共有三个看似…

ChatGPT最新版多功能批量写作工具揭秘

随着人工智能技术的不断进步&#xff0c;自然语言处理领域也取得了巨大的突破。其中&#xff0c;ChatGPT作为一款强大的多功能批量写作工具&#xff0c;备受关注。它的最新版本将用户体验提升到了一个新的高度。本文将从多个方面详细阐述ChatGPT最新版的功能和优势。 自动摘要功…

进程与线程的区别,特点比较区别与联系

进程与线程的区别、关系 定义关系比较对于系统调度来说&#xff1a;从拥有资源来说&#xff1a;并发性上下文&#xff1a;系统开销使用多线程的主要目的&#xff1a; 定义 进程&#xff1a;进程是程序执行的实例&#xff0c;包括程序计数器和寄存器和变量的当前值 进程依赖于程…

漏洞复现-fastjson1.2.24-RCE

0x00 实验环境 攻击机&#xff1a;Win 10、Win Server2012 R2&#xff08;公网环境&#xff0c;恶意java文件所在服务器&#xff09; 靶机也可作为攻击机&#xff1a;Ubuntu18 &#xff08;公网环境&#xff0c;docker搭建的vulhub靶场&#xff09;&#xff08;兼顾反弹shell…

创造与布局:剖析 Java 对象创建过程以及内存布局

目录 前言创建对象过程对象布局普通对象数组对象如何观察 Object 大小对象头组成部分 对象如何定位对象如何分配总结 前言 上下文提及到了类的加载过程&#xff0c;详细介绍了加载类的每个阶段&#xff1a;Loading、Linking、Initialize&#xff0c;在其中也说明了静态变量赋…

【无标题】asdasd

【4】Ubuntu网络图标消失 sudo service network-manager stop ----->停止网络服务 sudo rm /var/lib/NetworkManager/NetworkManager.state ----->删除配置文件 sudo service network-manager start ----->重启网络服务 sudo vim /etc/NetworkManager/NetworkMana…

Linux RPM包安装、卸载和升级(rpm命令)详解

下面讲解一下&#xff0c;如何使用 rpm 命令对 RPM 二进制包进行安装、卸载和升级操作。我们以安装 apache 程序为例。 RPM包默认安装路径 通常情况下&#xff0c;RPM 包采用系统默认的安装路径&#xff0c;所有安装文件会按照类别分散安装到下表所示的目录中。 RPM 包默认安…

Mybatis实现品牌数据的增删改查

项目目录如下图所示。Mapper包用于存储对数据库进行操作的Mapper接口文件&#xff0c;本文中通过注释的方式对sql语句进行编写。pojo包中存放实体类文件&#xff0c;文件中包含Brand对象相关字段的定义以及get、set、toString方法。service包中存放service层文件&#xff0c;调…

最优化方法(基于lingo)之 整数规划问题求解(3/6)

一、实验目的&#xff1a; 1. 掌握分支定界法原理。整数规划求解的分枝定界法&#xff0c;首先确定目标函数的一个初始上下界&#xff0c;然后通过逐步分支使上界减小&#xff0c;下界增大&#xff0c;直到两者相等时&#xff0c;就求出了最优值和最优解。 2. 掌握用数学软件求…

pdf可以转excel格式吗?分享两个快速转换方法给大家!

PDF文档常用于存储和共享信息&#xff0c;但在需要编辑或分析数据时&#xff0c;将PDF转换为Excel格式是一个常见需求。本文将向您介绍两种快速转换PDF为Excel格式的方法&#xff0c;让您轻松解决数据提取难题。无论您是处理大量数据还是需要转换复杂表格&#xff0c;这些方法都…

Ubuntu安装和配置ssh保姆教程

配置ssh常常遇到一些问题&#xff0c;接下来是避免踩坑&#xff0c;快速配置ssh 相信大家在设置ssh时&#xff0c;会碰到"Permission denied, please try again." ⚠️敲黑板&#xff1a; 有可能是密码输入错误 有可能是防火墙未关闭 有可能是连接机器的root用户没…

spring boot使用swagger简明笔记

1、什么是swagger swagger就是一个在你写接口的时候自动帮你生成接口文档的东西&#xff0c;只要你遵循它的规范并写一些接口的说明注解即可。 本文springboot版本&#xff1a;2.5.6 2、引入依赖 <!-- swagger --><dependency><groupId>io.springfox</gr…

【论文阅读】Level-S2fM:神经隐式表面水平集上的SfM

【论文阅读】Level-S2fM&#xff1a;神经隐式表面水平集上的SfM Abstract1. Introduction2. Related Works2.1. Structure from Motion2.2. Neural Implicit Representation for 3D Scene 3. Preliminaries3.1. Neural Implicit Surface Rendering3.2. Ray Sampling and Sphere…

JavaScript—DomApi

DomApi &#x1f50e;Dom&#x1f50e;Dom树&#x1f50e;Dom—querySelector(获取元素)&#x1f50e;事件事件的三要素 &#x1f50e;操作元素获取 / 修改元素内容获取 / 修改元素属性获取 / 修改表单元素属性获取 / 修改样式属性修改内联样式修改元素应用的 CSS 类名 &#x…

Scrapy框架--settings配置 (详解)

目录 settings配置 官网-参考配置 配置文档 Scrapy默认BASE设置 settings配置 Scrapy框架中的配置文件&#xff08;settings.py&#xff09;是用来管理爬虫行为和功能的关键部分。它是一个Python模块&#xff0c;提供了各种配置选项&#xff0c;可以自定义和控制爬虫的行为。…