search

Nao000 / my-learn-golang-echo

個人的なGo言語とEchoの勉強用リポジトリです
MIT License
0 stars 0 forks source link

Next.js から Go Echo にリクエストして JSON データ取得してみる #27

Closed Nao000 closed 1 year ago

Nao000 commented 1 year ago
  1. Next.js から Go Echo にリクエストして JSON データを取得する
  2. 画面に表示する
  3. おわり
Nao000 commented 1 year ago

https://github.com/vercel/next.js/tree/canary/examples/blog-starter この例を使って削っていこうと思ったけど、チュートリアルを使ったほうが読みやすいかも

Nao000 commented 1 year ago

チュートリアルのものは TypeScript じゃないので、npx create-next-app@latest を実行したもので作成

Nao000 commented 1 year ago

Next.js 起動中のブラウザのコンソールから const res = await fetch('http://localhost/accessdb/'); を実行しても 404 になる

Go言語で動いてる http://localhost/accessdb にはブラウザでアクセスできており、 JSON データが表示されてる

Nao000 commented 1 year ago

取得できた

URL の末尾スラッシュが不要だった

const res = await fetch('http://localhost/accessdb'); が正しい

Nao000 commented 1 year ago

CSS でハイフンを使った className はエラーになったけど、<ul className={styles["card-ul"]}> この指定方法で回避できた。

以下の Issue で発見した。 https://github.com/facebook/create-react-app/issues/11155#issuecomment-870692095

Nao000 commented 1 year ago

出来た image 左が Next.js の画面 右が Go + Echo の画面