通過 IIS 部署 ASP.NET Core 和 Vue CLI

Question

我目前正在從事一個項目，該項目旨在讓用戶在 Web 瀏覽器上操作來自 SQL 服務器的數據。 我使用 ASP.NET 樣板和 Vue 作為前端，模板可以在https://aspnetboilerplate.com/找到...

我已經成功構建了后端和前端，它們位於不同的文件夾中，一個是 Vue，一個是 Abp。 Vue 已在 localhost:8080 上偵聽，而 aspnet 核心在 localhost:21020 上工作。 在aspnet核心中，它使用了Cors()，因此如果我首先在Visual Studio中運行ASP.NET Core，Vue頁面可以從后端加載服務並顯示存儲在SQL服務器中的信息。

問題是，我必須運行后端，然后 Vue 頁面才能顯示信息。 如果后端沒有運行，Vue 頁面將是空白頁面。 另外，我只能在我的筆記本電腦上看到它，“localhost:8080”。 我對項目的部署感到困惑。 我怎么能部署它們？ 我應該部署前端、后端還是兩者？ 我只嘗試通過 IIS 部署前端（通過運行命令 yarn build 獲得的“dist”文件夾），但只顯示一個空白頁面。 有人可以幫我嗎？

Answer 1

問題是，我必須運行后端，然后 Vue 頁面才能顯示信息。 如果后端沒有運行，Vue 頁面將是空白頁面

• 您的前端/vue 頁面上可能存在錯誤（您可以檢查控制台錯誤），我的猜測是您在加載 vue 頁面時嘗試訪問您的后端。

另外，我只能在我的筆記本電腦上看到它，“localhost:8080”。 我對項目的部署感到困惑。 我怎么能部署它們？ 我應該部署前端、后端還是兩者？

• 部署它們，並單獨部署，對於 vuejs 部署，您可以在 google 關鍵字上搜索它，即“將 vue 應用程序部署到 iis”。 至於后端，它的部署非常簡單。

部署后端后，必須注意localhost:21020 將更改為您部署的IIS 中的指定url。