.netcorewebapi前后端開發(fā)分離后如何配置-創(chuàng)新互聯(lián)

這篇文章主要為大家展示了“.net core webapi前后端開發(fā)分離后如何配置”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“.net core webapi前后端開發(fā)分離后如何配置”這篇文章吧。

創(chuàng)新互聯(lián)是一家業(yè)務(wù)范圍包括IDC托管業(yè)務(wù),網(wǎng)頁空間、主機(jī)租用、主機(jī)托管，四川、重慶、廣東電信服務(wù)器租用,四川聯(lián)通機(jī)房服務(wù)器托管，成都網(wǎng)通服務(wù)器托管,成都服務(wù)器租用,業(yè)務(wù)范圍遍及中國大陸、港澳臺(tái)以及歐美等多個(gè)國家及地區(qū)的互聯(lián)網(wǎng)數(shù)據(jù)服務(wù)公司。

背景：現(xiàn)在越來越多的企業(yè)都采用了在開發(fā)上前后端分離，前后端開發(fā)上的分離有很多種，那么今天，我來分享一下項(xiàng)目中得的前后端分離。

B/S Saas 項(xiàng)目：（這個(gè)項(xiàng)目可以理解成個(gè)人中心，當(dāng)然不止這么點(diǎn)功能）

前端：node.js + vue

后端：.net core webapi

前端安裝 node.js 跟創(chuàng)建vue項(xiàng)目這些不是這篇文章的重點(diǎn)，重點(diǎn)在于項(xiàng)目完成后的部署。

.net corewebapi創(chuàng)建后，默認(rèn)就創(chuàng)建了一個(gè)wwwroot的文件夾，這個(gè)文件夾是用來放置靜態(tài)文件的，所以，我們可以理解成，這個(gè)文件夾將放置我們的build好的前端項(xiàng)目。

OK，到現(xiàn)在來講，有一個(gè)很有意思的發(fā)現(xiàn)（也可以是一點(diǎn)意思都沒有，因?yàn)槎际峭粋€(gè)爸生的），這項(xiàng)目的部署跟mvc的部署的很像（這里不涉及底層運(yùn)行，只是一個(gè)發(fā)布后簡單的像而已）。

由上圖就足夠清晰了，這樣的部署是屬于開發(fā)上的前后端分離，他們同屬于一個(gè)站點(diǎn)，綁定同一個(gè)域名，所以不涉及跨域，外部不能直接調(diào)用webapi（安全上還是有保證D）。

那么這樣的部署卻很簡單，僅僅是在 Startup 里面的 Configure 設(shè)置 一下即可

//設(shè)置主頁
      app.UseDefaultFiles();

      //這個(gè)是.net core webapi 訪問wwwroot文件夾的配置，開啟靜態(tài)文件
      app.UseStaticFiles();

      app.UseMvc(routes =>
      {
        routes.MapRoute(
          name: "default",
          template: "api/{controller=Login}/{action=Get}/{id?}");
      });

1、首先是設(shè)置主頁

這里直接使用的是默認(rèn)的，就是UseDefaultFiles 會(huì)重定向到default.htm、default.html、index.htm、index.html。當(dāng)然你也可以指定設(shè)置的首頁（指定的頁面是可以自定義的！）

//設(shè)置主頁
      DefaultFilesOptions defaultFilesOptions = new DefaultFilesOptions();
      defaultFilesOptions.DefaultFileNames.Clear();
      defaultFilesOptions.DefaultFileNames.Add("index.html");

      app.UseDefaultFiles(defaultFilesOptions);

這樣就設(shè)定了重定向到index.html，那為什么前面用了Clear，其實(shí)個(gè)人認(rèn)為僅僅是為了保險(xiǎn)，因?yàn)?/p>

2、開啟靜態(tài)文件，UseDefaultFiles 僅僅是一個(gè)重定向URL而不是真的提供一個(gè)文件，真正提供靜態(tài)文件的還是UseStaticFiles。這就是為什么要優(yōu)先設(shè)置 UseDefaultFiles 再到UseStaticFiles的原因。當(dāng)然，提供靜態(tài)文件也提供了多個(gè)重載，可以提供一個(gè)相對(duì)路徑，還有靜態(tài)文件目錄的選擇。

//這個(gè)是.net core webapi 訪問wwwroot文件夾的配置，開啟靜態(tài)文件
      StaticFileOptions staticFileOptions = new StaticFileOptions();
      staticFileOptions.FileProvider = new Microsoft.Extensions.FileProviders.PhysicalFileProvider(@"D:\testsite\wwwroot\");//指定目錄你站點(diǎn)api的要訪問的wwwroot目錄  

      app.UseStaticFiles(staticFileOptions);

上面這種寫法也同樣可以，當(dāng)然指定的目錄也同樣可以放到配置文件里面去，但是這種做法一般都放在類似FTP的項(xiàng)目上。因?yàn)槿绻侵付ǖ哪夸浢撾x了 webapi 項(xiàng)目 wwwroot ，甚至是 wwwroot 下的文件夾都不可以訪問到靜態(tài)頁面的。

3、使用MVC并配置路由，開啟了靜態(tài)文件的訪問之后，就交由mvc來處理了，這個(gè)是webapi項(xiàng)目，所以配置api的路由就可以了。（除了上面的1、2順序不可以改變之外，mvc中配置的路由所放置的順序倒沒影響，因?yàn)檫@不是一個(gè)mvc項(xiàng)目）

好了，前后端都開發(fā)好之后，部署到服務(wù)器，僅是上面在Startup的配置即可。.net core 還是非常非常方便的。

以上是“.net core webapi前后端開發(fā)分離后如何配置”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

當(dāng)前名稱：.netcorewebapi前后端開發(fā)分離后如何配置-創(chuàng)新互聯(lián)
文章分享：http://bm7419.com/article10/giido.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、網(wǎng)頁設(shè)計(jì)公司、手機(jī)網(wǎng)站建設(shè)、商城網(wǎng)站、響應(yīng)式網(wǎng)站、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)