Studoši

Jel mora ovo ic na heroku il je dovoljno da se moze lokalno pokrenut? Nesto me zeza i stvarno nemam volje se igrat sa vue-om i heroku-om.

sekiro U uputama stoji Heroku tako da vjerujem da mora ici gore.
Probaj pratiti ovo: https://www.binarcode.com/blog/deploying-vue-apps-to-heroku-the-right-way/

Btw ovaj asinkroni dohvat sa backenda - je li za to mozemo koristiti nekakav free json host sa cijeg URL-a bi dohvatio JSON
Nemam volje raditi nekakav mini node projekt i hostati ga zbog samo jednog endpointa

anon00 a u uputama za ocjenjivanje za drugi projektz je pisalo da ako ne radi url da probamo lokalno pokretat, a i tu pise da se projekt mora moć pokrenut sa “npm run serve”, hvala na linku svejedno

anon00 nadam se da da. Imas hrpu API-a, ja sam npr koristila pokeapi

“Potrebno je izraditi single page web-aplikaciju koristeći Vue3 razvojni okvir (koristiti vue-cli i defaultni ustroj aplikacije).”
Je l ovo znaci da kod vue create odaberemo Vue3 ili Manually select features (kao u prezi)?

MGJ radi po prezi najbolje

MrPeanutButter Onaj prettiermi baca puno upozorenja, a vidim da ga oni u projektu nemaju u package.json, mogu li ga onda i ja maknuti?

Ima netko za proporučiti neko tutorial za nas koji ne znamo nista o Vue-u niti o navedinim stvarima u zadatku?

Jel se ovo čini ok za projekt ?
https://web2projekt3vuecli.herokuapp.com/

MrPeanutButter ja imam jako slicno tome, ne trazi se nista lijepo, bitno da radi i pokazuje funkcionalnosti koje su te trazili

MGJ ako imas vscode instaliras si prettier kao plugin i na on save ti sve sredi i formatira

MGJ kada budeš build radio za deployment ako budeš stavljao na heroku to ti se više neće prikazivati

šta točno predstavlja history mode, jel to ovo u kodu?

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})

*** Da, to je to. On služi da npr možeš stisnuti back u browseru (pamti rute na kojima si bila)
Takoder kad deployaš na heroku vjv nece raditi tj. nakon refresha stranice ce se pojaviti ‘Cannot GET /…’ to popraviš tako da u root folderu imaš server.js u kojem importaš i .use taj connect-history-api-fallback

Konkrento moj server.js izgleda ovako:

• Mozda je potrebno napraviti nekoliko npm install-a da bi ovo radilo (nisam siguran koji, ali definitivno:
  npm install express i npm install connect-history-api-fallback

  var express = require('express');
  var connectHistory = require('connect-history-api-fallback');
  var path = require('path');
  var serveStatic = require('serve-static');
  
  app = express();
  app.use(connectHistory());
  app.use(serveStatic(__dirname + "/dist"));
  var port = process.env.PORT || 8080;
  app.listen(port); 

Kako riješit da history mode radi kad se pokrene na heroku?
Kad pokrenem lokalno radi, al na heroku neće.
Pokušavam nešto s: connect-history-api-fallback al neuspješno

Pleteni miš
Uspio sam, ne znam što sam napravio drukčije nego do sada, ali ugl ako koga zanima:

1. npm install connect-history-api-fallback
2. server.js mi ovako izgleda:

const express = require('express');
const path = require('path');
const history = require('connect-history-api-fallback');

const app = express();

app.use(history({
    verbose: true
}));
app.use('/', express.static(path.join(__dirname, 'dist')));

var port = process.env.PORT || 8080;
app.listen(port);

*ne znam kako stavit kod u okvir…

ima neka dobra duša da mi kaze kako uopce treba generirat taj vue projekt pliz
koju god konfiguraciju i kombinaciju da sam probala mi failaju u izgradnji projekta

reygrep Trebala bi biti konkretnija jer nisam siguran na što misliš.
Ne mozes uopce startati projekt ili imas problem sa deployem na Heroku?

anon00 startanje projekta, iliti vue create xxxx / vue init