vue前端管理后台请求api的放在一个文件内
首先我在config下新建一个httpconfig.js//数据接口的ip和端口const ip = 'http://localhost:8080/Shopping/api/v1';const ip2 = 'http://localhost:8080/pc/pc';const bastic = ip+'/get/user/basic';const update = ip2+'/acc...
·
首先我在config下新建一个httpconfig.js
//数据接口的ip和端口
const ip = 'http://localhost:8080/Shopping/api/v1';
const ip2 = 'http://localhost:8080/pc/pc';
const bastic = ip+'/get/user/basic';
const update = ip2+'/account/userBasic/edit2';
//一定要注册才可以使用!!!!!!!!!
export default {
bastic: bastic,
update:update,
}
然后在需要使用界面加上,导入api
import api1 from '../config/httpconfig';
下面及时ajax的请求,与上面的import在同一个界面
$.ajax ({
url: api1.bastic,
type: 'POST',
contentType:"application/json",
data: JSON.stringify({
'userId': userId
}),
dataType: 'json',
success: function (response) {
console.log(response.data);
if (response.errorCode == 0 && response.data) {
vm.userAccount = response.data
}
},
error: function (err) {
vm.Toastr.error ('网络超时!')
console.log (JSON.stringify (err))
}
})
看一下请求效果,请求的路径就是刚刚配上api1的路径 ip 是http://localhost:8080/Shopping/api/v1 然后加上bastic 就是http://localhost:8080/Shopping/api/v1/get/user/basic 另外一个也是同理,请求成功!,然后有多少个api就可以添加多少个,都放在一个js文件夹里面
更多推荐
已为社区贡献5条内容
所有评论(0)