vue config.js構成はドメイン間で有効ではありません
3042 ワード
vue config.js構成はドメイン間で有効ではありません
まず、私のconfig.jsファイルに問題はありません
しかし、構成が完了した後、端末を再起動してフロントエンドコードを実行し、この時axios要求を開始し、エラー404を報告し、localhost:XXX、インタフェースが見つからない
問題の位置付け:
Proxy解決クロスドメインが設定されているため、データ要求を開始するのは、localhost応答ではなくバックエンドインタフェース応答であるべきであるため、ここでは、設定vueと断定する.config.jsファイルが有効になっていません!
解決策
axiosデフォルトリクエストインタフェースはlocalhostなので、axios設定のデフォルトリクエスト設定を変更する必要があります.
メールでjsファイルで、設定
再起動、問題解決を発見!!!
まず、私のconfig.jsファイルに問題はありません
module.exports = {
devServer: {
open: true,
host: 'localhost',
port: 8080,
https: false,
hotOnly: false,
proxy: {
//
'/api': {
target: '',//
ws: true,
changOrigin: true,
pathRewrite: {
'^/api': ''
}
}
},
before: app => {
}
}
};
しかし、構成が完了した後、端末を再起動してフロントエンドコードを実行し、この時axios要求を開始し、エラー404を報告し、localhost:XXX、インタフェースが見つからない
問題の位置付け:
Proxy解決クロスドメインが設定されているため、データ要求を開始するのは、localhost応答ではなくバックエンドインタフェース応答であるべきであるため、ここでは、設定vueと断定する.config.jsファイルが有効になっていません!
解決策
axiosデフォルトリクエストインタフェースはlocalhostなので、axios設定のデフォルトリクエスト設定を変更する必要があります.
メールでjsファイルで、設定
axios.defaults.baseURL = '/api'
再起動、問題解決を発見!!!