详细解释的配置和部署 前后开发分离后的net core webapi

背景：如今越来越多的企业在开发中采用了前端分离，开发中的前端分离有很多种。今天，我将分享项目中的前端分离。

B/S Saas项目：(这个项目可以理解为个人中心，当然还有更多功能)

前端：node.jsvue。

后端：net core webapi

node.js的前端安装和vue项目的创建不是本文的重点，而是项目完成后的部署。

之后。net corewebapi创建后，默认情况下会创建一个wwwroot文件夹。该文件夹用于放置静态文件，因此我们可以理解该文件夹将放置我们的构建前端项目。

好吧，到目前为止，有一个非常有趣的发现(可能一点都不有趣，因为他们都来自同一个父亲)。这个项目的部署与mvc的部署非常相似(这里不涉及底层操作，只是发布后的简单镜像)。

从上图可以很明显的看出，这样的部署属于开发中的前端和后端分离。它们属于同一个站点，绑定到同一个域名，所以不涉及跨域，不能从外部直接调用webapi(安全性还是有保障的)。

那么这个部署就非常简单了，只需在启动时的配置中设置即可

//设置首页app。UseDefaultFiles()；//这是的配置。net core webapi访问wwwroot文件夹，打开静态文件应用程序。UseStaticFiles()；app。UseMvc(routes={ routes。MapRoute(name: 'default '，template : ' API/{ controller=log in }/{ action=Get }/{ id？}');});1、首先是设置主页

这里直接使用默认值，即UseDefaultFiles将被重定向到default.htm、default.html、index.htm和index.html。当然也可以指定首页(指定的页面可以自定义！)

//设置主页default files options default files options=new default files options()；默认文件选项。默认文件名。清除()；默认文件选项。默认文件名。添加(' index . html ')；app。UseDefaultFiles(默认文件选项)；这样，重定向到index.html设置。那你为什么在前面用Clear？其实我个人认为只是为了保险，因为

2.打开静态文件。UseDefaultFiles只是一个重定向URL，并不真正提供文件。真正提供静态文件的是UseStaticFiles。这就是为什么应该先设置UseDefaultFiles，然后再设置UseStaticFiles。当然，提供静态文件也提供了多个重载、提供相对路径和选择静态文件目录。

//这是的配置。net core webapi访问wwwroot文件夹，打开静态文件static file options static file options=new static file options()；staticFileOptions。文件提供商=新微软。扩展名. FileProviders . PhysicalFileProvider(@ ' d : \ test site \ wwwroot \ ')；//指定要访问的站点api的wwwroot目录app . usestatic files(static file options)；上面写的也可以，当然指定的目录也可以放入配置文件，但是这种做法一般放在类似FTP的项目上。因为如果指定的目录偏离了webapi项目wwwroot，那么即使是wwwroot下的文件夹也无法访问静态页面。

3.使用mvc并配置路由。打开静态文件的访问后，将由MVC处理。这是一个webapi项目，所以配置api的路由。(除了上面1和2的顺序不能改变，mvc中配置的路由的放置顺序没有影响，因为这不是mvc项目)

好了，前端和后端开发好之后，部署到服务器上，这只是上面Startup中的配置。那个。网芯非常非常方便。

正常进入！完全没有问题，就算有问题，也是代码有问题，哦哈哈

以上是配置和部署的详细说明和集成。net core webapi开发后的前端和后端是分开的。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！