axiosのCORSエラーの対象方法を教えてください

前提・実現したいこと

JavaScriptのaxiosを使ってAPIを叩こうとしているのですが、うまくいかず以下のようなエラーが発生します。

発生している問題・エラーメッセージ

Access to XMLHttpRequest at 'https://zipcloud.ibsnet.co.jp/api/search' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

該当のソースコード

addressHtml
1<!DOCTYPE html>
2<html lang="ja" dir="ltr">
3  <head>
4    <meta charset="utf-8">
5    <link rel="stylesheet" href="style.css">
6    <title></title>
7  </head>
8  <body>
9    <div id="address">
10      <input type="text" name="" :value="zipcode" placeholder="000-0000" @input="inputNumber"></input>
11      <button type="button" name="button" @click="getAddress">検索</button>
12      <p>{{ result }}</p>
13    </div>
14
15    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
16    <script src="./script.js"></script>
17    <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.min.js"></script>
18    <!--http://zipcloud.ibsnet.co.jp/doc/api-->
19  </body>
20</html>
21

AddressJs
1const URL_API = "https://zipcloud.ibsnet.co.jp/api/search";
2
3const address = new Vue({
4  el:"#address",
5  data(){
6    return{
7      result:"",
8      zipcode:""
9    };
10  },
11  methods:{
12    inputNumber(e){
13        this.zipcode = e.target.value;
14    },
15
16    getAddress(){
17      const param = this.zipcode;
18      axios.get(URL_API,param)
19           .then(res =>{
20             this.result = res.data.status === 200 ? res.date.data.fullAddress:
21                res.data.message;
22              });
23
24    }
25  }
26
27})
28