调整axios请求的web.config文件

编程问答 2022-08-23

问题描述

我在Azure上有一个web.config文件，如下所示：

<?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>
  </system.webServer>
</configuration>

根据documents，这是必需的，因为我在历史记录模式下使用Vue.js。 现在，我的Vue使用Axios向后端发出请求，此webconfig中断了这些调用。 这是一个示例调用：

axios.get(`${url}foo/${item.barID}`,{
          params
        })

在没有web.config的情况下可以工作，但在没有web.config的情况下却不能工作（可能是因为我的GET请求在foo之后有一个数字）。 我如何编辑我的web.config以允许该特定规则，以及一般来说其他axios调用（PATCH，PUT，DELETE），其中id出现在/后面（即axios.get（url / foo / 3） 该应用程序在运行时不会有太大变化，因此我不介意对即将中断的10个左右的调用进行硬编码。

对不起，我不太了解web.config的工作原理，因此任何帮助都会很棒！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

axiosiisiisvue.jsweb-config