Vue CLI × axios で郵便番号データ(zipcloud API)を取得したいが、、

いつもお世話になっております。
以下の環境にて郵便番号データを取得したいのですが、Build後サーバーにアップるするとどうしてもCORSで引っかかってしまいます。

エラー内容

Access to XMLHttpRequest at 'https://zipcloud.ibsnet.co.jp/api/search?zipcode=1000001' from origin 'http://localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

環境

・Vue CLI
・axios (npmにてインストール)
・https://zipcloud.ibsnet.co.jp/api/search?zipcode=1000001 より住所を取得したい

開発環境時には vue.config.js にdevServerオブジェクトのproxy設定をすることで対応できたのですが、
それはあくまでも開発環境下においての応急処置になるので、本番環境ではどのように対応をすれば良いのかがわかりません。

調べながら色々と試してみたのですが、
どうしてCORSというものがあり、エラーが出てしまうのかという理論は分かったのですが、
具体的にどのようにプログラムに落とし込めば良いのかがわかりません。

どなたか詳しい方がいらっしゃればご教授いただけると幸いです。

ソースコード (該当部分のみ)

javascript
1fetchAddress(){
2
3      // 入力値がない場合は何もしない
4      if( this.zip_code === '' ) return;
5
6      // 半角数字７桁以外の場合は何もしない
7      if( !this.zip_code.match(/^\d{7}$/) ) return;
8
9
10      /* 郵便番号データ配信サービスより取得 */
11      this.axios.defaults.headers.common[ 'Content-Type' ] = 'application/json';
12      this.axios.defaults.headers.common[ 'Access-Control-Allow-Origin' ] = '*';
13
14      this.axios
15          .get('https://zipcloud.ibsnet.co.jp/api/search', {
16            params : {
17              zipcode : this.zip_code
18            }
19          })
20          .then(response => {
21
22            const data      = response.data.results[ 0 ]
23            this.prefecture = data.address1
24            this.address     = data.address2 + data.address3
25
26          })
27
28
29    },
30