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)
}）