在VUE中封装API接口

在项目开发中,由于从开发阶段到上线阶段,API接口是需要经常更换的,所以将需要用到的API封装起来是非常有必要的!

API会分成两部分,如https://www.baidu.com/基本路径和API方法路径index两部分。一般情况下修改API只需要修改基本路径即可;

1.在src目录下创建api.js文件

const url = 'https://www.baidu.com/'
const api = {
    
    
	index:url+'index',
	login:url+'login'
}
module.exports = api

2.在文件中调用api

 import url from '@/api.js'
 console.log(url.index)//输出结果为 https://www.baidu.com/index

猜你喜欢

转载自blog.csdn.net/qq_36229632/article/details/103106288