Dies ist eine Fortsetzung zu

https://hosting149637.a2ebb.netcup.net/devandy.de/vuecli-installieren/

1. Über Windows Cmd Console zum Ordner navigieren wo das neue Zertifikat erstellt werden soll (cd… )
2. in die Console folgendes eingeben: mkcert -pkcs12 localhost 127.0.0.1
3. Im Ordner wird nun eine localhost+1.p12 Datei erstellt. Diese Datei umbenennen zu localhost.pfx
4. In Die Console mkcert – install eingeben und mit Ja bestätigen
5. Die localhost.pfx Datei doppelt anklicken und „Lokaler Computer auswählen“. Ganz wichtig. Sonst funktioniert es nicht
6. Bei Kennwort „changeit“ eingeben und „Schlüssel als exportierbar machen“ anhaken
7. Zu IIS wechseln, ASP Core App mit VueCliMiddleware auswählen, und auf der rechten Seite auf „Bindungen…“ klicken.
8. Doppelt auf die https Sitebindung klicken
9. Auf den Button „Auswählen“ klicken und gerade installiertes Zertifikat auswählen und mit OK bestätigen
10. Bei Hostname noch localhost eintragen
11. Zur VueApp wechsel und in die VueConfig folgendes eintragen:
12. const fs = require('fs') module.exports = { configureWebpack: { devtool: 'source-map' }, transpileDependencies: ["vuetify"], publicPath: '/PathFromVueCliMiddlewareForMyVueApp/', devServer: { // Serve index.html as the base XXX //contentBase: resolveAppPath('public'), // Enable compression compress: true, // Enable hot reloading hot: true, hotOnly: true, port: 8080, https: true, pfx: fs.readFileSync('../certs/localhost.pfx'), pfxPassphrase: "changeit", // public: 'https://xxxxxx:9000/', } };

    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

    const fs = require('fs')   module.exports = {   configureWebpack: {     devtool: 'source-map'   },   transpileDependencies: ["vuetify"],   publicPath: '/PathFromVueCliMiddlewareForMyVueApp/',   devServer: {     // Serve index.html as the base XXX     //contentBase: resolveAppPath('public'),       // Enable compression     compress: true,       // Enable hot reloading     hot: true,     hotOnly: true,     port: 8080,     https: true,     pfx: fs.readFileSync('../certs/localhost.pfx'),     pfxPassphrase: "changeit",     // public: 'https://xxxxxx:9000/',        } };

    
    Der Port 8080 sollte gleich sein, wie in VueCliMiddleware angegeben. Die localhost.pfx Datei muss im angegebenen Pfad vorhanden sein

Hot reloading funktioniert leider noch nicht