HTTPS not working as expected

[SteveF92]

Version

5.0.7

Reproduction link

github.com

Environment info

  System:
    OS: Windows 10 10.0.22000
    CPU: (24) x64 AMD Ryzen 9 3900X 12-Core Processor
  Binaries:
    Node: 16.15.1 - ~\.nvm\versions\node\v16.15.1\bin\node.EXE
    Yarn: Not Found
    npm: 8.11.0 - ~\.nvm\versions\node\v16.15.1\bin\npm.CMD
  Browsers:
    Chrome: Not Found
    Edge: Spartan (44.22000.120.0), Chromium (103.0.1264.44)
  npmPackages:
    @vue/babel-helper-vue-jsx-merge-props:  1.2.1
    @vue/babel-helper-vue-transform-on:  1.0.2
    @vue/babel-plugin-jsx:  1.1.1
    @vue/babel-plugin-transform-vue-jsx:  1.2.1
    @vue/babel-preset-app:  5.0.7
    @vue/babel-preset-jsx:  1.2.4
    @vue/babel-sugar-composition-api-inject-h:  1.2.1
    @vue/babel-sugar-composition-api-render-instance:  1.2.4
    @vue/babel-sugar-functional-vue:  1.2.2
    @vue/babel-sugar-inject-h:  1.2.2
    @vue/babel-sugar-v-model:  1.2.3
    @vue/babel-sugar-v-on:  1.2.3
    @vue/cli-overlay:  5.0.7
    @vue/cli-plugin-babel: ~5.0.0 => 5.0.7
    @vue/cli-plugin-eslint: ~5.0.0 => 5.0.7
    @vue/cli-plugin-router:  5.0.7
    @vue/cli-plugin-vuex:  5.0.7
    @vue/cli-service: ~5.0.0 => 5.0.7
    @vue/cli-shared-utils:  5.0.7
    @vue/compiler-sfc:  2.7.2
    @vue/component-compiler-utils:  3.3.0
    @vue/web-component-wrapper:  1.3.0
    eslint-plugin-vue: ^8.0.3 => 8.7.1
    vue: ^2.6.14 => 2.7.2
    vue-eslint-parser:  8.3.0
    vue-hot-reload-api:  2.3.4
    vue-loader:  17.0.0 (15.10.0)
    vue-style-loader:  4.1.3
    vue-template-compiler: ^2.6.14 => 2.7.2
    vue-template-es2015-compiler:  1.9.1
  npmGlobalPackages:
    @vue/cli: Not Found

Steps to reproduce

1. git clone && cd vue-cli-https-example
2. npm run serve

What is expected?

App to use HTTPS, IE:

App running at:

• Local: https://localhost:8082/
• Network: https://192.168.51.73:8082/

What is actually happening?

App does not use HTTPS

App running at:

• Local: http://localhost:8082/
• Network: http://192.168.51.73:8082/

---

I've been following #7024 and #7202 for a while waiting for a fix, very excited when I saw it this morning. I cannot figure out how the settings are intended to be configured, however. Running "serve" with no arguments results in the above. On the other hand, if I do:

vue-cli-service serve --https

The URLS will show https, but I still get the old deprecation warning, and I cannot configure a local cert to get around browser warnings. I feel like the minimal example should work, but perhaps I am missing something.

Thank you.

[backrunner]

I reviewed #7202 after it was merged, this fix is not perfect because of devServer.server.type has not been included in the judgement expression. So I created another PR (#7222) to cover this case, it still waiting for review.
At current, if devServer.server is https or spdy, it will use https, you can try to use this option with local cert config, see if there's a workaround.