Erstellen Sie vielseitige Vue+Electron-Anwendungen, die für die Desktop- und Web-Bereitstellung geeignet sind

Question

Ich habe diese Vorlage verwendet, um meine Anwendung zu entwickeln, bei der es sich um eine Vue-Anwendung mit Electron Builder handelt. Jetzt habe ich eine Frage: Ich muss mein Projekt für die Produktion erstellen und bereitstellen, einmal als Elektronenpaket und ein anderes Mal als Webanwendung, die auf einem Webserver gehostet wird. Ich möchte es auch nicht in zwei Repositories aufteilen. Hat jemand Vorschläge?

Ich habe versucht, den dist-Ordner als Stammordner der Website zu verwenden und eine web.config-Datei hinzuzufügen, wie unten gezeigt, aber ich habe eine Fehlermeldung erhalten.

web.config-Dateiinhalt:

<?xml version="1.0" encoding="utf-8"?>
<configuration>
    <system.webServer>
        <rewrite>
            <rules>
                <rule name="Vue" stopProcessing="true">
                    <match url=".*" />
                    <conditions logicalGrouping="MatchAll">
                        <add input="{REQUEST_URI}" pattern="^/api/.*" negate="true" />
                        <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>

Fehler auf IIS:

Answer 1

是的，您需要在 IIS 上安装 url 重写模块。否则，IIS 将无法理解 <rewrite> <rules> <rule name="Vue" stopProcessing="true"> 在 web.config 中的含义。

从此处下载