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

1. 安裝 axios：

npm install axios --save-dev

2. 新建一個 Base.vue 文件，書寫內(nèi)容如下：

<script>const BASE_URL = 'http://xx.xx.xx.xx'; // 設(shè)置全局 URLexport default{BASE_URL} </script>

?

3. 在 main.js 中引入并設(shè)置全局變量

// 用于和后臺交互，發(fā)送請求 import axios from 'axios' Vue.prototype.$ajax = axios // 設(shè)置全局變量 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?
?

總結(jié)

以上是生活随笔為你收集整理的vue 设置全局变量、指定请求的 baseurl的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。