上述异常有两种解决方案:
1、 通过向浏览器中安装指定的插件,解决跨域问题:Access to XMLHttpRequest at ‘http://localhost:8080/xxx‘ No ‘Access-Control-Allow-Origin‘ head_一觉睡过头的菜鸡的博客-CSDN博客_access to xmlhttprequest”,这种解决方案本人未测试。
2、 重构后端项目:“22-09-22-02_UserVue(Vue服务器(后)端Swagger定义实现与发布部署)”
2.1 自定义管道中间件类:CorsMiddleware
//把自定义管道中间中集成到.Net(Core)框架内置管道中,解决在前端uni-app项目跨域访问当前后端项目时,浏览器或App中会出现异常信息:
app.UseMiddleware();
在基于.Net(Core)6框架开发的程序中,是通过Swagger中间件来实现前后端的分离和之间数据的相互交互操作的,即vue前端项目与相对应的.Net(Core)6后端项目分离实现核心是Swagger中间件,且该中间件的配置和定义实现都在.Net(Core)6后端项目中进行,本章讲述怎样通过Swagger中间件构建,能够让与相对应vue前端项目进行渲染显示的后端项目。
Vusal studio 构建支持Swagger中间件项目有两种方式:1、一种是直接通过“ASP.NET Core Web API”模板直接构建,该模板会直接包含Swagger中间件,2、另一种是通过“ASP.NET Core MVC(模型-视图-控制器)”模板,间接构建,由于该模板不接包含Swagger中间件,所以需要通过特定的配置定义以使项目包含Swagger中间件,本人为了程序的开发效率,通过第2种方式使项目包含Swagger中间件。如果下图所示: