前些天發現了一個巨牛的人工智能學習網站，通俗易懂，風趣幽默，忍不住分享一下給大家。點擊跳轉到教程。

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?
?