vue3 Archives - blog.icod.de

The stupidity and ambiguitiy of Vue

1. April 2022 | 1 min read

Rant mode: Which idiots name template references “ref” and then name essentially all composition api variables “ref()” as well!?! YEAH GOOD FUCKING JOB VUE DEVELOPER IDIOTS It makes searching for answer so much more fucking frustrating! Fucking idiots.

Read Article

The way is clear for Vue 3 with Keycloak

16. November 2021 | 1 min read

Since Pull Request 116 of dsb-norge/vue-keycloak-js today Keycloak works well with Vue 3. This is great news because you can now use Quasar v2, which uses vue 3 under the hood for your authentication purposes. If you missed the post on how to integrate keycloak with Quasar v1 and v2, click the link to read…

Read Article

Keycloak-js client with Quasar (now updated for v2)

25. February 2021 | 2 min read

So you’d like to use openid-connect (oidc), especially keycloak (kc) in your Quasar app. There’s a package, @dsb-norge/vue-keycloak-js . I’d recommend you fork it and create your own version with the keycloak-js version that matches your Keycloak server. However it also works with just the version used in this git repository. The git repository is…

Read Article

vue dev server with nginx

10. February 2021 | 2 min read

The Nginx conf is the same for any sock-js site. It can be used for Vue and Angular and Svelte, not sure about React but I’d guess it uses sock-js as well. My dev domain is qxdsladmin.local in this example. /etc/nginx/conf.d/qxdsladmin.local.conf

server {
    listen 80;
    listen [::]:80;
    server_name qxdsladmin.local;
    root /home/darko/WebProjects/qxdsladmin/public/;
    index index.html;
 
    error_log /var/log/nginx/qxdsladmin.local.error;
 
    location / {
        proxy_pass http://localhost:4201;
        proxy_read_timeout 30;
        proxy_connect_timeout 30;
        proxy_redirect off;
        proxy_set_header X-Real-IP          $remote_addr;
        proxy_set_header X-Forwarded-For    $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto  $scheme;
    }
 
    location /sockjs-node/ {
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        rewrite ^/(.*)$  /$1  break;
        proxy_set_header Host localhost;
        proxy_pass http://localhost:4201/;
    }
 
    location ~ ^/api/v1/.* {
	proxy_pass http://unix:/tmp/qxdsl-proxy.sock;
	proxy_read_timeout 30;
        proxy_connect_timeout 30;
        proxy_redirect off;
        proxy_set_header Host               $host;
        proxy_set_header X-Real-IP          $remote_addr;
        proxy_set_header X-Forwarded-For    $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto  $scheme;
    }
}

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

27

28

29

30

31

32

33

34

35

36

37

38

39

server {

listen 80;

listen [::]:80;

server_name qxdsladmin.local;

root /home/darko/WebProjects/qxdsladmin/public/;

index index.html;

error_log /var/log/nginx/qxdsladmin.local.error;

location / {

proxy_pass http://localhost:4201;

proxy_read_timeout 30;

proxy_connect_timeout 30;

proxy_redirect off;

proxy_set_header X-Real-IP $remote_addr;

proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

proxy_set_header X-Forwarded-Proto $scheme;

}

location /sockjs-node/ {

proxy_http_version 1.1;

proxy_set_header Upgrade $http_upgrade;

proxy_set_header Connection "upgrade";

rewrite ^/(.*)$ /$1 break;

proxy_set_header Host localhost;

proxy_pass http://localhost:4201/;

}

location ~ ^/api/v1/.* {

proxy_pass http://unix:/tmp/qxdsl-proxy.sock;

proxy_read_timeout 30;

proxy_connect_timeout 30;

proxy_redirect off;

proxy_set_header Host $host;

proxy_set_header X-Real-IP $remote_addr;

proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

proxy_set_header X-Forwarded-Proto $scheme;

}

This location ~ ^/api/v1/.* is a mountpoint for the backend http api, which…

Read Article