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+'/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文件夹里面