vue打包接口

1.在main.js里设置接口的baseURL域名

axios.defaults.baseURL = 'http://域名/根目录';

2.新建一个js文件，比如request.js

里面内容

const request = {
    interface:{
        member:{
            register:'/register',    //注册用户
        },
        home:{
            getList:'/home/getList',    //首頁獲取信息
            getProductListByDomainCate:'/home/getProductListByDomainCate',    //分类获取商品信息
        },
        cate:{
            getList:'/cate/getList',    //获取分类信息
        },
        product:{
            getDetail:'/product/getDetail',    //获取商品详情
            goodsInfo:'/product/goodsInfo',    //获取选中的商品信息
        },
        buy:{
            doPay:'/buy/doPay',    //結算商品
            getOrderInfo:'/buy/getOrderInfo',    //根據訂單編號獲取訂單信息
        },
    }
}


export default request;

3.在main.js引入刚才建好的js文件，并设置原型

import request from '@/router/request'

Vue.prototype.request=request

4.在需要调用接口的地方直接引入

 this.axios({
        url: this.request.interface.product.getDetail,
//request原型（main.js设置的什么名字就叫什么）
//接口(固定写法),     接口名(例如这里我掉的是商品详情/product/getDetail，)
        method: "get",
       
    }).then(ok => {
	console.log(ok)
}）