vueドメイン間構成

1,axious,cdをあなたの工事に導入します

npm install --save axios vue-axios

メールでjsに加わる

import Vue from 'vue'
import axios from 'axios'
Vue.prototype.$axios = axios

注意prototype.$axios=axiosという言葉は、axiousを後で使用するときに$axiousという方法でaxious導入を完了した後config/indexを行わなければならないことを決定します.jsファイルに追加:

 proxyTable: {
            '/api': {
                target: 'http://localhost:8080', //             'http://news.baidu.com',
                // secure: true, //    https  ，        
                changeOrigin: true, //              ，              http header   host，        
                pathRewrite: {
                    '^/api': '/api' //       
                        //           ， /api        ‘/api’   ，           /api/list/xxx
                        //  api   ：axios.get('/api/list/xxx') ，            ：http://news.baidu.com/api/list/xxx
                }
            }
        },

これでドメイン間の構成が終了し、axiousが要求すればよい.

 sub:function(){
        var _this=this;

    this.$axios({
    method: 'get',
    url:host+'shiro/login',
    params: {
           userName:_this.userName,
           passWord:_this.passWord
    },
     headers:{
      'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
    }
    }).then((res)=>{
      var st=res.data;
      }else{
        _this.showAlert()
      }
    })
      }

バックエンドのリクエストヘッダの設定方法については、私の別のブログを参照してください.ここをクリックしてください.