如何在 IIS 服务器上配置 Vue 2 应用程序?

Question

我需要有关配置 IIS 服务器和 Vue 2 应用程序的帮助，我刚刚在Windows IIS 7 server上安装了带有生产构建的vue 2 application，并且一切正常，只有一件事不起作用： 当我尝试打开任何带有链接"example mysite.com/somepage"的页面时，我看到404 error，但是如果我单击菜单链接工作正常，如果您只输入主网址 mysite.com 它将打开，但任何其他路由都不起作用！

我想我需要设置我的 http重定向或类似的东西！

Answer 1

根据您的信息，我假设您使用的是history模式，这是我一直在使用的模式，您可以在此处参考：

<?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="index.html" />
</rule>
</rules>
</rewrite>
<httpErrors>     
<remove statusCode="404" subStatusCode="-1" />                
<remove statusCode="500" subStatusCode="-1" />
<error statusCode="404" path="/survey/notfound" responseMode="ExecuteURL" />                
<error statusCode="500" path="/survey/error" responseMode="ExecuteURL" />
</httpErrors>
<modules runAllManagedModulesForAllRequests="true"/>
</system.webServer>
</configuration>

Answer 2

如 vue-router 文档中所述，要使用历史记录模式，您需要执行以下操作：

1. 安装 IIS 网址重写。
2. 将 web.config 文件拖放到项目的根目录中。请参阅 vue-router 文档以获取示例 web.config 文件。