如何解决vue js中的cors？

Question

我需要基本的登录验证 api。我写在方法部分。我也定义了挂载这个函数。

我喜欢的代码是。

connectHes(){

                 var session_url = 'url';

                axios.post(session_url, {
                    basicauth: {
                        username: 'username',
                        password: 'password'
                    }},{
                    headers: {
                        'Access-Control-Allow-Origin':'*'
                    }})},

我的控制台节目已被 CORS 政策阻止：对预检请求的响应未通过访问控制检查：请求的资源上不存在“Access-Control-Allow-Origin”标头。

是vue.js问题还是laravel问题还是我的api有问题？

Answer 1

你可以设置一个 vue.config.js 文件 接受：

module.exports = {
  devServer: {
    // Paths
    assetsSubDirectory: 'static',
    // assetsPublicPath: '/',
    proxy: {
      '/api':{
        target:'http://localhost:8080', // your address
        changeOrigin:true,
        pathRewrite:{
          '^/api': '' // url
        }
      }
      }
      }
    }