vue2 Archives - blog.icod.de

vuetify v-text-field validation if length 0 and length greater than x

30. November 2021 | 1 min read | 0 Comments |

Playing with vuetify in this project I came across v-text-field and the validation. The documentation shows only very little information in that regard and if you need more conditional validation, how would you do that?

Read Article

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

25. February 2021 | 2 min read | 11 Comments |

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 | 0 Comments |

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