表題の通り。httpsにならない。 セキュアでないだけでなく、CSSやjsの読み込みも失敗するので困る。 asset() や url() 、route() などLaravelには http/https を振り分ける機能があるはずなのに heroku ではそれがうまく機能してくれないようだった。 env の…

Laravel で React/API を別プロジェクトで作った際、axios を使ったクロスドメインに少し困ったのでメモ。 Access-Control-Allow-Origin エラー フロントが出すエラーとしては、以下のようなもの。 No 'Access-Control-Allow-Origin' header is present on t…

ToDo編集ページをつくる resources/assets/js/components/Edit.js を作る // Edit.js import React, {Component} from 'react'; import axios from 'axios'; import { Link } from 'react-router'; class Edit extends Component { constructor(props) { sup…

一覧ページを作る resources/assets/js/components/List.js を作る // List.js import React, {Component} from 'react'; import axios from 'axios'; import { Link } from 'react-router'; import TableRow from './TableRow'; class List extends Compone…

Create ページを作る resources/assets/js/components/Create.js // Create.js import React, {Component} from 'react'; class Create extends Component { render() { return ( <div> <h1>Create a ToDo</h1> <form> <div className="row"> <div className="col-md-6"> <div className="form-group"> <label>Title:</label> </div></div></div></form></div>

ToDoリストを作ってみる 私はフロントのエキスパートではないので、 あくまでも動くものを作る超入門のチュートリアル。 API編は別記事なので、そちらも参考にどうぞ。 ＝＞ Laravel5.5 で REST API 入門チュートリアル - 今からお前んちこいよ Laravel + Re…

ToDoリストAPIを作ってみる GET: /todos ... 全てのToDoを返す POST: /todos ... 新規のToDoを作る GET: /todos/{id} ... id番のToDoを返す PUT: /todos/{id} ... id番のToDoを更新 DELETE: /todos/{id} ... id番のToDoを削除 フロントReact編もあるのでよか…