VueJs Axios Access-Control-Allow-Origin CORS 错误

Posted 2023-03-04

【中文标题】VueJs Axios Access-Control-Allow-Origin CORS 错误

【英文标题】：VueJs Axios Access-Control-Allow-Origin CORS error

【发布时间】：2021-06-17 20:15:34

【问题描述】：

我用 Vue3 和 Laravel 8 创建了一个网站。我尝试使用 axios 将数据从 vue 发布到 laravel，但我总是遇到 CORS 错误。我尝试了一切，但没有任何效果。 You can check the error here

向 axios 添加标头

addUser() 
      axios
        .post("http://localhost:8000/api/user/store", this.user, 
          headers:  "Access-Control-Allow-Origin": "*" 
        )
        .then(function (response) 
          console.log(response);
        )
        .catch(function (error) 
        )
        .finally(() => (this.loading = false));
    ,

向 package.json 添加代理

"proxy": "http://127.0.0.1:8000",

并尝试过： https://enable-cors.org/server_apache.html

我能做什么？

【问题讨论】：

我不知道，但部分问题可能是同时使用 localhost 和 127.0.0.1，尝试使用其中一个，它可能会解决 CORS 问题。例如，将您的 axios.post 更改为 http://127.0.0.1/api/user/store 是否有效？

是的，它的工作。谢谢！ :)

【参考方案1】：

尝试添加

axios.defaults.withCredentials = true;

到 bootstrap.js