host and port setting for open-in-editor for vue devtools

Clear and concise description of the problem

Open in editor only works when browsing a vue app on the same host as the dev server is running. When the app is loaded into a domain, like mylocaldomain.com or mydomain.com.localhost, clicking open-in-editor in vue devtools will fetch

Suggested solution

server: {
    devtools: {
        host: 'localhost',
        port: 3005,
        protocol: 'https'
    }
}

Alternative

Workaround is to add a URL Rewrite rule. Example for web.config:

<rule name="Rewrite for vue devtools" stopProcessing="true">
    <match url="^__open-in-editor(.*)$" ignoreCase="true" />
    <action type="Redirect" url="https://localhost:3005/__open-in-editor{R:1}" />
</rule>

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn’t already an issue that request the same feature to avoid creating a duplicate.

[Akryum]

I’m in favor of having a better dx by automating this 👍

[Akryum]

https://devtools.vuejs.org/guide/open-in-editor.html#customize-request