VueでTokenを送信したい

vue
1submit() {
2      var xhr = new XMLHttpRequest();
3      xhr.open("POST", this.$store.getters.api_server_ip + "/exhibit");
4      xhr.setRequestHeader("content-type","application/x-www-form-urlencoded;charset=UTF-8")
5      // xhr.setRequestHeader('Authorization','Bearer 329036369303e3a7ce9b6162c41c0792')
6      xhr.send(
7        "user_id=" + this.$store.getters.login_user.data.user_id +
8        "&product_name=" + this.product_name +
9        "&product_value=" + this.product_value +
10        "&product_description=" + this.product_description +
11        "&category_id=" + this.category_no
12        )
13
14      xhr.onload = function () {
15        var data = JSON.parse(xhr.responseText);
16        console.log(data);
17      }
18
19    },

PostmanのAuthorizationでtokenをつけて送信するという事をVueで書いたのですが思った通りにそうしんされずに困っています。
色々調べて今コメントアウトしてある行のように書いたのですが、このまま送信するとtokenが付加されずに送信されてエラーになります（当然）
コメントアウトを外して送信すると以下のようなエラーが出ます。

console
1Access to XMLHttpRequest at 'http://IPアドレス/exhibit' from origin 'http://localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status.

どこをどうすればいいのか全くわからず困ってます。
解決策教えて下さい。

行動規範の内容に同意します

回答1件

ベストアンサー

corsのエラーだと思います。
リポジトリにvue.config.jsというファイルを作成して

javascript
1module.exports = {
2    devServer: {
3      proxy: {
4        "http://IPアドレス/exhibit": {
5          target: "http://localhost:8080",
6        }
7      }
8    }
9  };