Entradas

Mostrando entradas de julio, 2020

Load SASS and Bulma to your Vue JS project

Imagen
Introduction According to docs Bulma is highly customizable thanks to 419 Sass variables living across 28 files. These variables exist at 4 levels: initial variables: global variables with literal values derived variables: global variables with values that reference other variables, or are computed generic variables: for the HTML elements which carry no CSS class element/component variables: variables that are specific to a Bulma element/component In this case we are gonna add SCSS files to our existing project made with the webpack template via vue-cli, so maybe if you create your project in different way this may not work. Strategy To customize Bulma, you will need to: vue create my-awesome-project npm install bulma After that let's install the SASS dependencies: npm install --save-dev node-sass sass-loader If you have a vue.config.js you will add a few lines, otherwise you need to create this file in the root of you

Why does this Nginx config result in “rewrite or internal redirection cycle”

Imagen
API REST: Flask APP: Vue Js made with vue-cli NGINX as web server Fast note of what happened with the error  “rewrite or internal redirection cycle”. I have to say that I've been dealing with this for hours. THE STORY My vue-router export const router = new Router({ base: '/myapp/', mode: 'history', routes: [   { path: '/', name: 'home', component: Login   },   { path: '/login', name: 'login', component: Login   },   { path: '/foo', name: 'foo', component: Foo   },   { path: '*', component: NotFound   }, ]   }); So I built my app with the command npm run build  Then i copy and paste the files of dist in a subdirectory let's say "myapp" in my ngnix folder /var/www/html/myapp  after that I went to file /etc/nginx/sites-enabled/default and edited with this lines server {     listen 0.0.0.0:80;        index ind