如何在 Windows 上使用 https 运行 Vue-cli 项目

Question

I am trying to run a vue-cli project using https.

As per the instructions here How to run Vue.js dev serve with https?

I've added the https setting to the vue.config.js as per below

module.exports = {
  devServer: {
    https: true
  },

When I run the app it correctly runs as https://localhost:8080 however Chrome throws an ERR_CERT_AUTHORITY_INVALID error.

It appears I need to setup an SSL certificate in Windows and set some configuration in vue.config.js. Does anyone know how to do this? Note, this question applies specifically to Windows.

Answer 1

This happened to me when I was building multiple applications that were sometimes sharing the same port. I fixed it by switching to a different port:

module.exports = {
   devServer: {
     port: 8081
   }
}