接続21.07.27 API
アプリケーションプログラミングインターフェース(API)
フロントサイトとバックグラウンドで作成したサーバを接続する作業をしました.
実は昨日からやってました
鼻糞をコードした金正浩なのでうろうろ😵
まず、最終プロジェクト留学/交換学生ギャラリーのウェブサイトにapiを作成して投稿リストに載せます.以下に示します.
さらに重要なのは、バックエンドで作成されたbaseurlをdefault値に設定してから開始することです.
baseurlの設定
私はapiのフォーマットを書くのが分からないので、一番時間がかかりましたが、これはとても簡単な仕事です.
接続get list api
投稿作成apiも単独で作成しますが、作成にはクライアントからサーバにデータを送信する必要があるのでpostで作成します.
POST API接続
フロントサイトとバックグラウンドで作成したサーバを接続する作業をしました.
実は昨日からやってました
鼻糞をコードした金正浩なのでうろうろ😵
まず、最終プロジェクト留学/交換学生ギャラリーのウェブサイトにapiを作成して投稿リストに載せます.以下に示します.
さらに重要なのは、バックエンドで作成されたbaseurlをdefault値に設定してから開始することです.
baseurlの設定
// Axios 인스턴스 설정
const instance = axios.create({
baseURL: "http://3.36.90.60/"
投稿リストをロードし、getのみで私はapiのフォーマットを書くのが分からないので、一番時間がかかりましたが、これはとても簡単な仕事です.
接続get list api
getList : ()=>
instance.get('/univ/post')
これでgetメソッドのapi作成が完了します投稿作成apiも単独で作成しますが、作成にはクライアントからサーバにデータを送信する必要があるのでpostで作成します.
POST API接続
//UnivBoard 포스트 작성하기
addList : ({title,content})=>{
return instance.post('/univ/post',{
title,
category : 1,
is_flexed : false,
user_id : 1,
content
})
}
Reference
この問題について(接続21.07.27 API), 我々は、より多くの情報をここで見つけました https://velog.io/@junghoo0103/21.07.27-API-연결해보기テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol