首先我在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文件夹里面