解決VUE項(xiàng)目IIS部署后接口請求405錯(cuò)誤問題(Method Not Allowed)
VUE項(xiàng)目IIS部署后接口請求405錯(cuò)誤
最開始查看接口響應(yīng),發(fā)現(xiàn)是StaticFileModule 模塊報(bào)錯(cuò),網(wǎng)上搜索發(fā)現(xiàn)都說是謂詞問題,實(shí)際我操作其實(shí)修改添加POST謂詞沒有用。

解決方法
添加一個(gè)規(guī)則,在IIS處理程序映射中或者web.config中直接添加handlers,模塊為ServerSideIncludeModule,路徑為*.html。
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
<system.webServer>
<rewrite>
<rules>
<rule name="Handle History Mode and custom 404/500" stopProcessing="true">
<match url="(.*)" />
<conditions logicalGrouping="MatchAll">
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
</conditions>
<action type="Rewrite" url="/" />
</rule>
</rules>
</rewrite>
<handlers>
<add name="VuePostByHtml" path="*.html" verb="*" modules="ServerSideIncludeModule" resourceType="Either" />
</handlers>
</system.webServer>
</configuration>如果沒有ServerSideIncludeModule模塊需要在IIS中安裝服務(wù)器包含

以下僅作個(gè)人紀(jì)錄
1.打開IIS,找到處理程序映射,把StaticFile請求程序映射里的謂詞改成全部,發(fā)現(xiàn)并沒有用
2.修改.NET管道托管模式發(fā)現(xiàn)也不起效果。一直在修改程序映射,發(fā)現(xiàn)只要修改了StaticFile模式條目類型就會(huì)由繼承變成本地。
3.WebDev禁用以及刪除重啟都無法解決這個(gè)問題。
4.在官網(wǎng)看文檔發(fā)現(xiàn)原因1及原因3都不是我這個(gè)情況,最后著重落在原因2,StaticFile這個(gè)處理程序上面。

5.按照上面微軟網(wǎng)站給出的方法,想用 ASPClassic 這個(gè)程序托管,發(fā)現(xiàn)我就沒有asp,瞎搞一通沒用,把IIS設(shè)置回退最初的版本。
6.由于之前StaticFile修改一直沒有用,ASPClassic也行不通,想著就自己新建一個(gè)映射,仔細(xì)看看請求路徑在index.html上,POST請求。按照這個(gè)邏輯新建一個(gè)映射,發(fā)現(xiàn)可以正常訪問了。
7.回過頭檢查StaticFile文件沒有ServerSideIncludeModule模塊,在里面添加這個(gè)模塊之后就會(huì)報(bào)錯(cuò),感覺是繼承重名或者.NET模式環(huán)境問題,不想再研究了,回退對StaticFile的修改。

總結(jié)
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Vue3+Vite+ElementPlus構(gòu)建學(xué)習(xí)筆記
這篇文章主要介紹了Vue3+Vite+ElementPlus構(gòu)建的相關(guān)資料,文中還介紹如何在Vue3項(xiàng)目中加入ElementPlus庫,并提供了完整引入的示例,需要的朋友可以參考下2024-12-12
Vue3配置路由ERROR in [eslint]報(bào)錯(cuò)問題及解決
這篇文章主要介紹了Vue3配置路由ERROR in [eslint]報(bào)錯(cuò)問題及解決方案,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
vue實(shí)現(xiàn)的上傳圖片到數(shù)據(jù)庫并顯示到頁面功能示例
這篇文章主要介紹了vue實(shí)現(xiàn)的上傳圖片到數(shù)據(jù)庫并顯示到頁面功能,結(jié)合實(shí)例形式分析了基于vue.js的數(shù)據(jù)庫操作及頁面圖片顯示相關(guān)操作技巧,需要的朋友可以參考下2018-03-03
使用 Vue-TCB 快速在 Vue 應(yīng)用中接入云開發(fā)的方法
這篇文章主要介紹了如何使用 Vue-TCB 快速在 Vue 應(yīng)用中接入云開發(fā),本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-02-02
vue-cli下的vuex的簡單Demo圖解(實(shí)現(xiàn)加1減1操作)
這篇文章主要介紹了vue-cli下的vuex的簡單Demo(實(shí)現(xiàn)加1減1操作),本文圖文并茂給大家介紹的非常詳細(xì),具有參考借鑒價(jià)值,需要的朋友可以參考下2018-02-02
詳解vue中router-link標(biāo)簽所必備了解的屬性
這篇文章主要介紹了vue中router-link標(biāo)簽所必備了解的屬性,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04

