ホームページ >ウェブフロントエンド >jsチュートリアル >vue-cli 開発環境でクロスドメインリクエストを実装する方法

vue-cli 開発環境でクロスドメインリクエストを実装する方法

亚连
亚连オリジナル
2018-05-26 14:06:001772ブラウズ

この記事では、vue-cli 開発環境でクロスドメインリクエストを実装する方法を主に紹介しますので、参考にしてください。

フロントエンド開発中、バックエンド インターフェイスへのリクエストをクロスドメインにする必要があることがよくあります。vue-cli を使用してクロスドメイン リクエストを実装するには、config/index.js を開いて次の内容を変更するだけです。

//例如要请求的接口url为http://172.3.2.1:8000/look/1

module.exports = {
  dev:{
    proxyTable:{
      '/api':{
        target: 'http://172.3.2.1:8000',
        changeOrigin: true,
        pathRewrite: {
         '^/api': ''
        }
      }
    }
  }
}

このとき、クロスドメインリクエストを実現するためにリクエストしたいインターフェースのURLに/api/look/1と入力します。

この時点で F12 を開くと、リクエストされた URL が localhost:8080/api/look/1 であることがわかります。これは実際にはローカルからのデータの仮想リクエストであるため、クロスドメインの問題は発生しません。 。

通常の状況では、上記の方法で問題はありません。上記の方法が機能しない場合は、次のように書いてみてください。今後も皆様のお役に立ちますように。

関連記事:

プロパティリソースファイルデータを読み取るAjaxメソッド

ページ上の特定のコンテンツを定期的に更新するAjaxメソッド

応答コンテンツの長さを取得するAjaxメソッド


以上がvue-cli 開発環境でクロスドメインリクエストを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。