いいえ「アクセス制御 - 許可 - 起源」

Question

私はこの問題に直面：

XMLHttpRequestが http://localhost:8000/scripts/advaced_donwload/advancedUpload/vueupload/store.phpをロードすることはできません。 要求された リソースに「Access-Control-Allow-Origin」ヘッダーが存在しません。したがって、オリジン 'http://localhost:8080'は許可されません。

これは私のコードです：

storeMeta(file) { 
    var fileObject = this.generateFileObject(file) 
    return new Promise((resolve, reject) => { 
     this.$http.post('http://localhost:8888/vueupload/store.php', { 
     name: file.name 
     }).then((response) => { 
     fileObject.id = response.body.data.id 
     resolve(fileObject) 
     },() => { 
     reject(fileObject) 
     }) 
    }) 
    } 

Answer 1

PHPサーバーはhttp://localhost:8080POSTにリソースを許可する必要があります。これはサーバー構成で行われます。

1. サーバー上でCORSを完全に無効にすることができます。これにより、すべてのソースがサーバーと通信できるようになります。

2. それとも、サーバーのために、このヘッダを追加することができます：PHPサーバー上でそれを行うには

   Access-Control-Allow-Origin: http://localhost:8080

3. それとも許可するすべて

   Access-Control-Allow-Origin: *

、それは

：このような単純なものであるかもしれません

<?php 
header("Access-Control-Allow-Origin: *"); 

このようなlaravelあるいは、CORSセクション