title: How to use SSL with Vue CLI for local development?
body: <p>I understand to use https with Vue CLI I can set "https: true" under devServer in a vue.config.js file, but I also need a self signed certificate. </p>
  
  <p>I've tried generating a self signed one using OpenSSL and using the following in my vue.config.js file to target:</p>
  
  <pre><code>const fs = require('fs');
  
  module.exports = {
      devServer: {
          port: '8081',
          https: {
              key: fs.readFileSync('./certs/server.key'),
              cert: fs.readFileSync('./certs/server.cert'),
          },
      },
  };
  </code></pre>
  
  <p>Chrome confirms it's using my certificate but still shows https as "Not secure"</p>
  
  <p><a href="https://i.stack.imgur.com/Nv5Z3.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Nv5Z3.png" alt="enter image description here"></a></p>
  
  <p><strong><em>How can I make chrome assess my self signed certificate as secure when providing it via Vue CLI?</em></strong></p>