JavaScriptを有効にしてください

【TypeScript】axios の接続先のbaseurlなどの設定を行う

 ·  ☕ 1 分で読めます

【TypeScript】axios の接続先のbaseurlなどの設定を行う

axios を使用する際に接続先のbaseurlなどの設定を行う方法。

サンプル

僕の場合ですが、AxiosBaseService.ts を作成してそこで axios の共通設定を行います。
場合によっては AxiosXXXXService.ts を作成して接続先ごとに設定を変えられるような作りにしています。

1
2
3
4
5
6
7
import axios from "axios";

axios.defaults.baseURL = "http:\\localhost:8000";
axios.defaults.headers.post['Content-Type'] = 'application/json;charset=utf-8';
axios.defaults.headers.post['Access-Control-Allow-Origin'] = '*';

export default axios

使用する際は AxiosBaseService.tsimport して使用します。

1
2
import Axios from './services/AxiosBaseService.ts'
Axios.get(`/sample`);

参考

共有

こぴぺたん
著者
こぴぺたん
Copy & Paste Engineer