プロキシがvue.config.jsプロジェクト内のクロスドメインの問題を解決するための設定

まず、我々は、我々は、要求の背景データに必要がある場合、クロスドメインの問題があるだろう、ローカルの開発にドメイン名をlocalhostにしています

ここでは、設定ファイルであるvue.config.js

devServer:{ 
    プロキシ:{ 
      //詳細:https://cli.vuejs.org/config/#devserver-proxy 
      '/ API':{ 
        ターゲット: `ます。http://10.24.4.214:8098 / api`、
        changeOrigin:真、
        pathRewrite:{ 
          '^ / API' '' 
        } 
      } 
    } 
}

  要求の時間と一致して、ターゲットを交換する必要性を示す/アピURL値

例えば、あなたのページが書かれています

axios.post( '/ API /リスト/ GD')

要求の背景に、最終的なノードのアドレスは次のとおりです。http://10.24.4.214:8098 / API /リスト/ GD

しかし、あなたがブラウザに表示されます。http:// localhost:8888 / API /リスト/ GD、今回は問題が張ら存在しない、ノードのサービス・エージェントは、データを取得する必要があり

----------------------

実際には、問題の本当の原因は、ブラウザ間でのセキュリティメカニズムであります

 

おすすめ

転載: www.cnblogs.com/bobo1/p/12588079.html