dotnet core webapi +vue 搭建前后端完全分离web架构 一

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

                   

                                                                                                   

架构

服务端采用 dotnet core  webapi

 

前端采用: Vue + router +elementUI+axios

 

        

问题

使用前后端完全分离的架构，首先遇到的问题肯定是跨域访问。前后端可能不在同个server上，即使前后端处在同个server上，由于前后端完全分离，

前后端使用的端口号也可能是不一样的，所以必须解决跨域访问。

 

具体实现

 

服务端

服务端使用的dotnetcore +webapi架构，支持cors非常简单，只要引入Microsoft.AspNetCore.Cors 组件，所有问题就迎刃而解了。具体实现如下：

 

创建 wepapi项目

l  Dotnet new webapi

 

 

l  引入 cors组件

dotnet add package Microsoft.AspNetCore.Cors --v