一,单独创建globle文件夹,在里面创建globleApi.js文件
globleApi.js代码:
const baseURL = "http://127.0.0.0:8000"
export default {
baseURL
}
二,在main.js中引入,并通过Vue.prototype挂载到vue实例上面。供其他模块文件使用;
main.js代码:
import global from './globle/globleApi';
Vue.prototype.global = global;
axios.defaults.baseURL = global.baseURL;
三,项目结构
总结:这样在全局直接就能用(全局各模块你在get,post会默认给你加上"http://127.0.0.0:8000",你直接"/xxx/xxx"就行了),这样在前后端分离开发时候·,大项目一般.vue文件很多,万一修改IP端口,这样你只需要去globleApi.js里面
改就行了。