【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.ts
を import
して使用します。
1
2
| import Axios from './services/AxiosBaseService.ts'
Axios.get(`/sample`);
|
参考