vue cli 3 axios配置及び国境を越えたアクセス問題解決方法

3570 ワード

vuecli 3のプロジェクトでaxios依存を設定します。
mail.js
import Vue from 'vue'
import App from './App.vue'
import router from './router'


//     axios
import axios from 'axios'
//          
axios.defaults.baseURL = 'http://localhost:8088/api'
//        ,$http  axios
Vue.prototype.$http = axios

new Vue({
  router,
  el: '#app',
  render: h => h(App)
}).$mount('#app')

vuecli 3において、国境を越えた訪問問題の解決方法
vuecli 3で作成された足場プロジェクトの多くはconfigとbuildディレクトリを含まないため、ルートディレクトリ(package.jsonと同じレベル)でvue.co.fig.jsファイル構成devserver.proxyエージェントを自ら作成する必要があります。
module.exports = {
  devServer: {
    //     
    proxy: {
      '/api': {//    http://localhost:XXXX/api     ,      ,                  。      :'/  '(      )
        target: 'http://127.0.0.1:8088', //        
        ws: true, //     websockets
        changeOrigin: true//     :             ,         ,          ,                        
      }
    }
  }
}