vueはどう解決しますか?
5862 ワード
エラーマップとエラーコードを報告します.
まず、なぜクロスドメインエラーが発生したのかを確認してみましょう.一つのウェブページは他の異なるドメイン名/異なるプロトコル/異なるポートのウェブページにリソースを要求します.これはドメインをまたぐことです.ドメインをまたぐエラーとは、端末が異なるドメイン名、プロトコル、ポートへのアクセスを許可しないように要求します.結果として使って、エラーを報告します.
解決方法:足場の中のconfigの下のindex.jsの中で
devのproxyTableオブジェクトにこれらの属性を追加します.
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;
});
これでいいです.だめなら青翔に行きましょう.そこの先生たちは力がいいです.