欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

iis部署前后端分離項(xiàng)目全過程(Vuet前端和.NET6后端)

 更新時(shí)間:2025年01月23日 09:19:57   作者:lijinchang2  
這篇文章主要介紹了如何在IIS上部署前后端分離的項(xiàng)目,包括安裝iis管理器、部署前端項(xiàng)目、解決刷新404問題、部署后端程序、設(shè)置前端反向代理等步驟,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下

安裝iis

提示:非常重要:

如果電腦沒有自帶iis管理器,打開控制面板->程序->啟用或關(guān)閉Windows功能,勾選iis安裝即可

一、部署前端項(xiàng)目

打開iis,添加網(wǎng)站,物理路徑指向前端打包后文件夾

此時(shí)瀏覽器打開http://localhost:3000即可正常訪問,但是輸入其它路由刷新會(huì)404

★解決iis部署后vue、react項(xiàng)目刷新404問題

安裝url重寫功能

下載地址:https://www.iis.net/downloads/microsoft/url-rewrite

添加規(guī)則:下載安裝后,重啟iis后,找到站點(diǎn),進(jìn)入U(xiǎn)RL重寫模塊,添加空白規(guī)則

名稱隨意,選擇與模式匹配、通配符、*

添加兩個(gè)條件:不是文件,不是目錄

最后重寫url指向index.html即可

重啟站點(diǎn),刷新不再404。

二、部署后端

部署后端程序之前,必須檢查IIS模塊中是否有AspNetCoreModuleV2。
在這里插入圖片描述
雙擊模塊,查看列表中時(shí)候有AspNetCoreModuleV2,如果沒有就需要安裝.NET運(yùn)行環(huán)境。
在這里插入圖片描述
如果沒有必須安裝對(duì)應(yīng)的.NET運(yùn)行版本,我安裝的是aspnetcore-runtime-6.0.36-win-x64.exe,
下載地址為:https://dotnet.microsoft.com/zh-cn/download/dotnet/thank-you/runtime-aspnetcore-6.0.36-windows-arm64-binaries
下載好之后就可以傻瓜式雙擊安裝(一直下一步)。
安裝好.NET環(huán)境后,把對(duì)應(yīng)的后端部署到位。
在這里插入圖片描述

三、前端反向代理設(shè)置

前端請(qǐng)求接口地址是:http://localhost:3000/api/test
實(shí)際需要轉(zhuǎn)發(fā)到:http://localhost:3001/test

1.安裝Application Request Routing功能

下載地址:https://www.iis.net/downloads/microsoft/application-request-routing:
在這里插入圖片描述

2.開啟反向代理

安裝好重啟iis,打開Application Request Routing,然后點(diǎn)擊Server Proxy Settings…,再勾選Enable proxy
在這里插入圖片描述
在這里插入圖片描述
在這里插入圖片描述

3.添加代理規(guī)則

回到web站點(diǎn),添加空白規(guī)則,與模式匹配,通配符,*api/*重寫URL,http://127.0.0.1:3001/{R:2},勾選停止處理后續(xù)規(guī)則,為啥是{R:2},通配符測(cè)試,因?yàn)槲业暮笈_(tái)沒有api前綴,如果后臺(tái)有/api可以用{R:0}
在這里插入圖片描述
如果啟用了swaggerUI,也需要設(shè)置proxy反向代理,否則提示404錯(cuò)誤,添加URL重定向的空白入棧規(guī)則
在這里插入圖片描述
規(guī)則順序
在這里插入圖片描述

至此,重啟站點(diǎn),打開http://192.168.50.126/api/index.html,也能訪問,這樣前端和后端接口就像是部署在一個(gè)端口下面。
在這里插入圖片描述

總結(jié)

在IIS上部署前后端分離的項(xiàng)目,其實(shí)就是這么簡(jiǎn)單,檢查.NET運(yùn)行環(huán)境,配置前后端站點(diǎn),設(shè)置代理,配置空白入站規(guī)則。

相關(guān)文章

  • 解決iis7.5服務(wù)器上.net 獲取不到https頁面的信息

    解決iis7.5服務(wù)器上.net 獲取不到https頁面的信息

    讓我糾結(jié)了一天多的問題,給大家看下,有相同情況的可以不用浪費(fèi)時(shí)間了,本人當(dāng)時(shí)找了好半天都沒找到什么有用的信息,項(xiàng)目在本地沒有問題,但部署在服務(wù)器后,獲取不到https頁面的信息,加入下面的代碼就可以了,因?yàn)閕is7.5的安全協(xié)議比較高的原因。
    2014-06-06
  • GridView分頁代碼簡(jiǎn)單萬能實(shí)用

    GridView分頁代碼簡(jiǎn)單萬能實(shí)用

    GridView在使用.net技術(shù)搭建的后臺(tái),在商品列表或者是信息列表經(jīng)常會(huì)出現(xiàn);它的作用在于有效的管理信息,增刪改查等等最主要的是還可以實(shí)現(xiàn)分頁,這一點(diǎn)是無可比靡的,接下來介紹如何使用GridView實(shí)現(xiàn)分頁,需要了解的朋友可以參考下
    2012-12-12
  • .Net?Core依賴注入IOC和DI介紹

    .Net?Core依賴注入IOC和DI介紹

    這篇文章介紹了.Net?Core依賴注入IOC和DI,對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-01-01
  • 詳解ASP.NET MVC的整個(gè)生命周期

    詳解ASP.NET MVC的整個(gè)生命周期

    本文主要介紹了ASP.NET MVC的整個(gè)生命周期,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-08-08
  • Asp.net內(nèi)置對(duì)象之Request對(duì)象(概述及應(yīng)用)

    Asp.net內(nèi)置對(duì)象之Request對(duì)象(概述及應(yīng)用)

    Request對(duì)象主要用于獲取來自客戶端的數(shù)據(jù),如用戶填入表單的數(shù)據(jù)、保存在客戶端的Cookie等,本文將圍繞Request對(duì)象,講解其的主要作用:讀取窗體變量、讀取查詢字符串變量、取得Web服務(wù)器端的系統(tǒng)信息。取得客戶端瀏覽器信息等等,感興趣的朋友可以了解下
    2013-02-02
  • .NET關(guān)于API 句柄泄漏分析

    .NET關(guān)于API 句柄泄漏分析

    本文主要介紹了.NET關(guān)于API 句柄泄漏分析,文中結(jié)合代碼與圖片講解的非常詳細(xì),感興趣的小伙伴可以自行參考一下
    2021-08-08
  • ASP.NET中Session和Cache的區(qū)別總結(jié)

    ASP.NET中Session和Cache的區(qū)別總結(jié)

    這篇文章主要介紹了ASP.NET中Session和Cache的區(qū)別總結(jié),本文結(jié)合使用經(jīng)驗(yàn),總結(jié)出了5點(diǎn)Session緩存和Cache緩存的區(qū)別,需要的朋友可以參考下
    2015-06-06
  • ASP.NET中實(shí)現(xiàn)中文簡(jiǎn)/繁體自動(dòng)轉(zhuǎn)換的類

    ASP.NET中實(shí)現(xiàn)中文簡(jiǎn)/繁體自動(dòng)轉(zhuǎn)換的類

    這篇文章主要介紹了ASP.NET中實(shí)現(xiàn)中文簡(jiǎn)/繁體自動(dòng)轉(zhuǎn)換的類,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2006-09-09
  • asp.net Core3.0區(qū)域與路由配置的方法

    asp.net Core3.0區(qū)域與路由配置的方法

    這篇文章主要給大家介紹了關(guān)于asp.net Core3.0區(qū)域與路由配置的方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用asp.net Core3.0具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-05-05
  • .net 中按.(點(diǎn))無法智能提示的bug解決方案

    .net 中按.(點(diǎn))無法智能提示的bug解決方案

    IDE按.無法智能提示,但是可以編譯并正常使用,在修改別人代碼bug時(shí)遇到的,接下來為你提供詳細(xì)解決方法,感興趣的你可以參考下哈
    2013-03-03

最新評(píng)論