角2 HTTPリクエストのベースURLを定義する方法

Question

私のアプリケーションではhttp URLを手動で宣言しました。ローカル環境では問題ありませんが、サーバに配置する準備ができたら、サーバホストに従って変更する必要があります。だから私はこの問題を克服する方法の解決策が必要です。

ありがとうございます！

Answer 1

私は

1. は1 env.jsファイルを作成し、コード

   あなたは私が好むために使用するaxiosを使用

   (function (window) { 
   
       window.__env = window.__env || {}; 
   
       // API url 
       window.__env.baseUrl = 'http://localhost:8080'; 
   
       // Base url 
       window.__env.middleware = '/api/v1'; 
   
       // Whether or not to enable debug mode 
       // Setting this to false will disable console output 
       window.__env.enableDebug = true; 
   }(this)); 
   

2. 下に書き知っている二つの方法があります。ヘッダーの管理に役立ち、API関連のコードを分離します。例：

   var axios = require('axios'); 
   var axiosApi = axios.create({ 
   
       baseURL: config.host, 
   
       headers: { 
   
       // "authorization": "Basic dXNlckBjbG9uZWN0LmNvbTpQYXNzQDEyMw==", 
        "content-type": "application/json" 
       }, 
       // withCredentials: true, 
        auth: { 
        username: config.user, 
        password: config.password 
        } 
       }) 
   

config.host一方、config.userは、ご使用の環境のタイプに基づいてconfig.jsの中で宣言した変数です。