Using SSL on a Local Computer (Windows 11)

[Sa1ch]

Hello! I have SSL certificates for the domain, and the domain is linked to my local computer. How can I run my project in the dev version using these SSL certificates?

[Sa1ch]

Figured it out! :)

In the server.ts file, you need to add the following:

import fs from 'fs'
import https from 'https'

...

const httpsOptions = {
  key: fs.readFileSync('path/to/ssl/example.com-key.pem'), 
  cert: fs.readFileSync('path/to/ssl/example.com-crt.pem'),
  ca: fs.readFileSync('path/to/ssl/example.com-chain.pem'),
}

And replace

.start()

with:

.start(
    (handler) => {
      return https.createServer(httpsOptions, handler)
    }
)

Also, make changes to the vite.config.ts file:

...
import fs from 'fs'

export default defineConfig({
  plugins: [
    vue(),
    inertia({ ssr: { enabled: false } }),
    adonisjs({ entrypoints: ['inertia/app/app.ts', 'resources/js/app.js'], reload: ['resources/views/**/*.edge', 'inertia/**/*.vue'] }),
  ],
  css: {
    postcss: {
      plugins: [tailwindcss()],
    },
  },
  server: {
    host: true,
    https: {
      key: fs.readFileSync('path/to/ssl/example.com-key.pem'),
      cert: fs.readFileSync('path/to/ssl/example.com-crt.pem'),
      ca: fs.readFileSync('path/to/ssl/example.com-chain.pem'),
    }
  }
})