vue config.js構成はドメイン間で有効ではありません

3042 ワード

vue config.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'

再起動、問題解決を発見!!!