Différences

Ci-dessous, les différences entre deux révisions de la page.

--- kb_it:vuejs [2022/01/07 03:04] – ↷ Page déplacée de wiki:kb_it:vuejs à kb_it:vuejs befe
+++ kb_it:vuejs [2022/09/24 22:18] (Version actuelle) – befe
@@ Ligne 35: / Ligne 35: @@
 	  disableHostCheck: true
   }
+}
+</code>
+===== Webpack - Corriger le problème de connexion WS lors de l'utilisation d'un container =====
+docker-compose.yml
+<code yaml>
+environment:
+      - CODESANDBOX_SSE=true
+</code>
+===== Vite - Configurer le port WS du client =====
+vite.config.js
+<code javascript>
+import { defineConfig } from 'vite'
+export default defineConfig({
+  server: {
+    hmr: {
+      clientPort: 40000
+    }
+  }
+}
+</code>
+===== Vite - Permettre les imports de modules =====
+vite.config.js
+<code javascript>
+import { defineConfig } from 'vite'
+import tsconfigPaths from 'vite-tsconfig-paths'
+export default defineConfig({
+  plugins: [tsconfigPaths()]
 }
 </code>
@@ Ligne 95: / Ligne 130: @@
             data: {}
         },
-            created () {
+        created () {
-                that = this;
+            that = this;
-                fetch('/data.json', {
+            fetch('/data.json', {
-                    credentials: 'include'
+                credentials: 'include'
+            })
+                .then(function(response) {
+                    response.json().then(function(result) {
+                        that.data = result.data;
+                    });
                 })
-                    .then(function(response) {
+        }
-                        response.json().then(function(result) {
+    });
-                            that.data = result.data;
-                        });
-                    })
-            }
-        });
     </script>
 </body>
 </html>
 </code>
-==== Utiliser sass avec webpack ====
-<code bash>
-npm install --save-dev sass-loader node-sass style-loader
-</code>
-Puis relancer le serveur de développement.
 ===== A CLASSER =====