vue-cli 3ドメイン間構成ノートについて
791 ワード
vue-cli 3ドメイン間構成:vue-resourceのデータリクエストでは、一般的にリクエスト方式GET/POSTをjsonpのリクエスト方式に変更することで、ドメイン間で実現できます.ただし,GET/POSTの2つのリクエスト方式のみをサポートするapiに対してjsonpを修正するとエラーが発生する.ドメイン間の構成が必要です.(1)ファイルルートディレクトリの下にvueを作成する.config.jsプロファイルは、module.exports={
(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)を読み出します.
// 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)を読み出します.