vue-cli 3ドメイン間構成ノートについて


vue-cli 3ドメイン間構成:vue-resourceのデータリクエストでは、一般的にリクエスト方式GET/POSTをjsonpのリクエスト方式に変更することで、ドメイン間で実現できます.ただし,GET/POSTの2つのリクエスト方式のみをサポートするapiに対してjsonpを修正するとエラーが発生する.ドメイン間の構成が必要です.(1)ファイルルートディレクトリの下にvueを作成する.config.jsプロファイルは、module.exports={
// baseUrl:'/api',  baseUrl:'/'
baseUrl:'/',
devServer:{
    '/api':{
        target:'http://apis.juhe.cn/',
        changeOrigin:true,
        ws:true,
        pathRewrite:{
           '^/api':'' 
        }
         
    }
}}

(2)ファイルルートディレクトリの下に作成する.env.開発環境変数の設定としてdevelopmentを使用します.はい.env.developmentファイルの下で変数VUE_を設定APP_BASE_API=/apiは、devServerのproxy書き換えurlをVUE_に割り当てることができます.APP_BASE_API
(3)構成の変数を読み出し、プロセスを通過する.env.VUE_APP_XX(process.env.VUE_APP_BASE_API)を読み出します.