php写接口，后台管理用vue写时，如何连接接口

1. 新项目 npm装一下axios
2. 在main.js文件内

 import axios from 'axios'
Vue.use(ElementUI);
// store.state.count=222222
//掉接口 7 8 9 10 新项目 npm装一下axios
//接口路径
let base_url = 'http://192.168.31.140/taihe_video/video_th/api'
axios.defaults.baseURL = base_url
Vue.prototype.$http = axios
Vue.config.productionTip = false

3.vue页面引用接口
例子：

submit() {
                let self = this;
                this.loading = true;
                this.$http.post('/AdministratorLogin', {
                    user_name: self.form.name,
                    user_pass: self.form.password,
                }).then(function (response) {
                    console.log(response)
                    if (response.data.code ===0) {
                        self.$message({
                            message: '登录成功',
                            type: 'success'
                        });
                        self.loading = false;
                        window.localStorage.setItem('current_active', 1)
                        self.$router.push({'name': 'workbench-index'})
                    } else {
                        self.$message({
                            message: '登录失败',
                            type: 'error'
                        });
                        self.loading = false;
                    }
                }).catch(function (error) {
                    console.log(error);
                });
            },