如何配置azure Web应用程序以显示自定义错误页面？

Question

我已经用Vue Cli创建了一个小的Vue测试项目。使用npm build进行了生产构建。

该站点已启动并且正在运行，但是204和404状态代码没有到达我的应用程序（显示我的错误页面）。

经过研究后，我目前的理解是我必须建立一个 像ASP.NET中一样，web.config文件大致如下：

<configuration>
    <system.webServer>
         <validation validateIntegratedModeConfiguration="false" />
            <modules runAllManagedModulesForAllRequests="true" />
             <httpErrors 
errorMode="Custom"existingResponse="PassThrough">
    <clear />
    <error statusCode="400" path="index.html"
responseMode="ExecuteURL" />
        </httpErrors>
    </system.webServer>
</configuration>

1. 我不确定要在“路径”中引用哪个文件。我的错误页面是一个组件，但是vue将其全部呈现到index.html，这就是我的猜测。
2. 部署时将web.config文件放在何处。我尝试将其放在dist文件夹中。
3. 是否可以仅在Azure中配置而不是创建web.config？

我的尝试没有成功。

我正在通过Visual Code（通过Azure扩展）进行部署。

知道怎么做的人吗？

Answer 1

自定义错误页面可以是另一个.html页面。但是，由于您已经处理了Vue组件，因此无需在Azure / web.config上进行配置，除非您在Vue组件中具有错误页面的基于路由的URL。

如果您的Vue应用程序中有基于路由的错误页面，则将错误页面URL放在web.config的错误部分中（如果可以直接访问）。但是，如果无法直接访问错误页面以及出现未处理的异常，则此方法可能无效。

我的建议是创建一个单独的error.html文件，并将错误从Vue组件重定向到该文件。