如何解决这个'http://localhost:8080'已被CORS策略阻止：响应预检请求没有通过vueJS中的访问控制？

Question

Access to XMLHttpRequest at ' http://localhost/webserivcedemo/state.php ' from origin ' http://localhost:8080 ' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The Access-Control-Allow-Origin header contains multiple values *, * ,but only one is allowed.

I use $http for call webservice. This is my request code.

export default {
  data() {
    return {
      name: "",
      number: "",
      email: "",
      submitdata: false
    };
  },
  methods: {
    handleSubmit: function() {
      var data1 = {
        title: this.name,
        body: this.number + this.email
      };
      this.$http
        .post("http://localhost/webserivcedemo/state.php", {
          data: data1
        })
        .then(function(data) {
          console.log(data);
          this.submitdata = true;
        });
    }
  }
};

Answer 1

you need to create new file vue.config.js and need to add the urls that are needed to access as below.

module.exports = {
  devServer: {
        proxy: 'endpoint',
    }
}

Answer 2

solution 1 : please check 1st same port/server like as http://127.0.0.1:8080 running twist or not? If twist then close one. then check.

solution 2 : sometimes problem for extra / API endpoint. remove the extra / then check.

thank you