フロントエンドプロキシでクロスドメインを解決する方法
私たちは、同一生成元ポリシーは、ブラウザのみに存在することを知って、それがサーバーに存在しません。したがって、我々は、クロスドメインリクエストが情報を要求するために私たち自身のサーバおよびサーバ手数料のアドレスに転送されます必要があります。(nginxの前方に、ノード・エージェントと共通)。
一般的なプロジェクトで使用Vueが、これは使いやすい、proxyTableです。
index.js以下の設定を開き、proxyTableを見つけ、次のコードを追加します。
'/api': { //替换代理地址名称
target: 'http://api.douban.com/', //代理地址
changeOrigin: true, //可否跨域
pathRewrite: {
'^/api': '' //重写接口,去掉/api
}
}
(すなわち、A / API http://api.douban.com/を置き換える)
、次のようにproxyTable位置:
あなたはDEV実行し、プロジェクトのNPMを再起動する必要があります下に設定したら
再起動後、あなたは、クロスドメインを呼び出すことができます
具体的な使用:
インタフェースはプラス「/ API」を呼び出す必要があります前に、