vueはどう解決しますか?

5862 ワード

vue怎么解决“跨域”_第1张图片エラーマップとエラーコードを報告します.
Access to XMLHttpRequest at 'https://xin.yuemei.com/V603/channel/getScreenNew/' from origin 'http://localhost:8081' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
createError.js?c3b5:16 Uncaught (in promise) Error: Network Error
    at createError (createError.js?c3b5:16)
    at XMLHttpRequest.handleError (xhr.js?363a:81)
このような状況はクロスドメインエラーです.
まず、なぜクロスドメインエラーが発生したのかを確認してみましょう.一つのウェブページは他の異なるドメイン名/異なるプロトコル/異なるポートのウェブページにリソースを要求します.これはドメインをまたぐことです.ドメインをまたぐエラーとは、端末が異なるドメイン名、プロトコル、ポートへのアクセスを許可しないように要求します.結果として使って、エラーを報告します.
解決方法:足場の中のconfigの下のindex.jsの中で
devのproxyTableオブジェクトにこれらの属性を追加します.
// Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
      "/apx":{
        target:"https://xin.yuemei.com/V603/channel/getScreenNew/",//    
        changeOrigin:true,//    
        pathRewrite:{
          "^/apx":""//    
        }
      }
    },
ここでaxiosでお願いします.
axios.post("/apx").then(res => {
      console.log(res);
      this.data = res.data.data;
 });
 //       
 axios.post("/apx?key=111").then(res => {
      console.log(res);
      this.data = res.data.data;
 });
これでいいです.だめなら青翔に行きましょう.そこの先生たちは力がいいです.