前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到教程。

1. 安装 axios：

npm install axios --save-dev

2. 新建一个 Base.vue 文件，书写内容如下：

<script>const BASE_URL = 'http://xx.xx.xx.xx'; // 设置全局 URLexport default{BASE_URL}
</script>

 

3. 在 main.js 中引入并设置全局变量

// 用于和后台交互，发送请求
import axios from 'axios' 
Vue.prototype.$ajax = axios // 设置全局变量
import global_ from './Base.vue'
Vue.prototype.GLOBAL = global_;
axios.defaults.baseURL=global_.BASE_URL;

4. 在其它组件中使用：

在原本要写 URL的地方用 “ this.GLOBAL.BASE_URL ” 代替就可。

<template><div id="box"><input type="button" @click="getdata()" value=" 小熊点点它"><!-- <h1>site : {{data}}</h1> --></div></template><script type="text/javascript">var data = ""export default {data () {return {data }},methods: {getdata() {this.$ajax.get(this.GLOBAL.BASE_URL+'/gentle/first').then( res => {alert("请求成功，response="+res.data);// data = res.data;console.log(res.data.navList); })}}}</script>

 

 

 

 

 

 

参考：https://blog.csdn.net/wild46cat/article/details/78006280