一、前后端項目介紹
1.前端項目是使用vue腳手架進行創(chuàng)建的。
腳手架版本：@vue/cli 5.0.8
編譯器版本：vs code 1.82.2
2.后端是一個asp.net? Core Web API 項目
后端框架版本：.NET 6.0
編譯器版本：vs 2022
二、發(fā)布部署步驟
第一步：在vs code 編譯器中的終端窗口輸入如下命令，進行前端項目打包。
npm run build打包后文件如下所示：
第二步：在 vs2022中進行后端項目發(fā)布。
選擇項目后，右鍵鼠標，選擇發(fā)布，然后選擇發(fā)布到文件夾。
發(fā)布后文件如下所示：
第三步：IIS服務器部署前環(huán)境準備
在IIS服務器上部署前后端項目，需要安裝一個.NET 6.0部署捆綁包。
官網(wǎng)下載地址：下載 .NET 6.0 (Linux、macOS 和 Windows) (microsoft.com)https://dotnet.microsoft.com/zh-cn/download/dotnet/6.0
?window平臺部署，需要下載托管捆綁包。
第四步：在IIS服務器上創(chuàng)建前后端網(wǎng)站
首先把前后端文件復制到一個單獨的文件夾下，如下所示
然后在IIS服務器選中網(wǎng)站右鍵單擊，選擇添加網(wǎng)站，在彈框中輸入網(wǎng)站名稱，選擇物理路徑（此處路徑就是上一步中前端文件所在的目錄），然后設置端口號，此處可以任意設置（只要不和其他應用端口沖突即可），之后點擊確定即可完成前端頁面的部署。
下一步按照同樣的方式進行后端網(wǎng)站部署。操作如下圖所示。
下一步將對后端網(wǎng)站進行應用程序池配置。打開應用程序池，雙擊右側后端網(wǎng)站，在彈框中選擇【無托管代碼】然后點擊確定即可。
注意：安裝完第三步中的托管包后，IIS網(wǎng)站模塊中就會出現(xiàn)AspNetCoreModuleV2模塊，有這個模板，才能進行后端網(wǎng)站部署。
第五步：修改前端文件中請求后端數(shù)據(jù)的接口地址，此處配置的地址如下：
const http = ref("http://192.168.173.128:8688/api")注意：大家如果本地部署，這里的地址需要填寫部署前端網(wǎng)站服務器的IP地址，端口填寫為部署的后端網(wǎng)站的端口號。
重新打包一下前端文件，替換掉已經(jīng)發(fā)布到服務器上的前端文件即可。
三、結果展示
在瀏覽器中訪問前端網(wǎng)站地址：
http://192.168.173.128:8699/
如上所示，后端網(wǎng)站響應了前端網(wǎng)站發(fā)送的請求。文章來源：http://www.zghlxwxcb.cn/news/detail-744865.html
以上就是前后端分離項目IIS服務器部署的全部操作步驟，如果大家覺得有用請給點個贊，謝謝！文章來源地址http://www.zghlxwxcb.cn/news/detail-744865.html
到了這里，關于vue+asp.net Web api前后端分離項目發(fā)布部署的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
