vue配置接口url

本文介绍了在Vue项目中如何配置API接口URL,通过在src/common/api目录下创建index.js文件来管理接口路径,便于组织和分类大量接口,提高代码可维护性。
摘要由CSDN通过智能技术生成

接上一篇“vue配置axois多环境跨域访问”,aoxis在请求是要有url的,这里写ur的配置

为了项目的需要,可以在src的common文件夹下新建api文件夹,在文件夹下新建index.js,在这里写配置文件

 

import { xmmc } from './xmmc.js' //导入项目名称
import commonWea from './commonWea/index.js' //导入类别url
import { API_SERVER } from '../config'


export default {
    baseURL: API_SERVER.default, //基本url
    imgUrl: "/" + xmmc + "/filedownload?image=",

    //******************************** */低空气象接口******************
    commonWea,

}

其中 coomonWea目录是根据项目的需要,将url根据类别进行分类,当url太多时,方便管理

import { xmmc } from '../xmmc.js' //导入类别url

export default {
    // 获取实况的最新消息
    getCmaImg: "/" + xmmc + "/gis/getColorMap.do"
}

// WEBPACK FOOTER  路径url 配置 //
// ./src/common/commonWea/index.js

xmmc是接口的根目录地址

/*
 * @Author: c项目名称配置&#x
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值