java配置接口提供给vue,vue在js中配置全局API接口

在src文件夹中新建util文件夹，然后在新建一个globalAPI.js文件。

在js中配置后端的接口数据

const http = 'http://127.0.0.1:8989'

const globalAPI = {

// 用户列表

user_list: http + '/api/all/users',

// 数据列表

data_list: {url: http + '/api/all/datas', method: 'get'}

}

export default globalAPI

在main.js中引用globalAPI.js

import Vue from 'vue'

import globalAPI from './util/globalAPI'

Vue.prototype.globalAPI = globalAPI

在页面中调用时使用(默认已经配置好了axios)

this.$http.get(this.globalAPI.user_list).then(res => {

console.log(res)

})

this.$http(this.globalAPI.data_list).then(res => {

console.log(res)

})

java配置接口提供给vue,vue在js中配置全局API接口相关推荐

VUE config/index.js文件配置
当我们需要和后台分离部署的时候,必须配置config/index.js: 用vue-cli 自动构建的目录里面 (环境变量及其基本变量的配置) 1 2 3 4 5 6 7 8 9 10 11 ...
在vue.config.js中配置uglifyjs-webpack-plugin压缩代码
如果vue项目打完包,js文件夹里面只有一个app.js的话,就会在首页加载所有的js代码.如果需要分包打包的话,可以执行以下代码,这样的话每个页面就只会加载对应的js文件,减少首页的负担 1.安装代 ...
Vue由本地js中存放的url地址获取图片
Vue由本地js中存放的url地址获取图片对象必须放在js中(而不是json里面,json没有require).如果是在json中,需要采用其他方式去获取注意:url地址必须用这种形式,有requ ...
蚂蚁区块链第15课 JS SDK概述及API接口速查
1,摘要本文讲解蚂蚁BAAS的JavaScript SDK概述,说明JS SDK对应的API接口速查.其他语言包SDK参考官网其他章节说明即可. 2,JS SDK 说明 JavaScript SDK ...
淘宝商品评价api接口(app、h5端)，淘宝评论视频API接口，淘宝评论API接口
淘宝商品评价api接口(app.h5端),淘宝评论视频API接口,淘宝评论API接口可以通过商品id,获取商品评价信息.评价内容.买家秀图片.评论浏览量.评价视频.评价追评等页面上展示的数据均可以拿到 ...
Spring Boot 中如何统一 API 接口响应格式？
今天又要给大家介绍一个 Spring Boot 中的组件–HandlerMethodReturnValueHandler. 在前面的文章中(如何优雅的实现 Spring Boot 接口参数加密解密?) ...
idea构建post请求_在IDEA中快速测试API接口
IntelliJ IDEA从2017.3 版支持在IDEA中请求测试API接口,Editor REST Client 支持的文件类型有两种,.http 和 .rest,文件图标为 . 1.创建文件 1 ...
快递接口API：用JS调用快递鸟API接口进行快递单号查询
本文实例为大家分享了JS调用快递鸟API接口,来实现600多家的物流轨迹查询,完成快递单号查询的具体代码,供大家参考,具体内容如下只需要一步,新建一个Text文本,把下面这段代码复制进去,替换你自己 ...
中望CAD的lisp编辑器_中望CAD+API接口应用教程之Lisp篇
前段时候中望公司发布了新一代拥有全新内核的产品:中望CAD+,作为一个国产CAD软件的支持者,我进行了下载测试,使用过后确实有了耳目一新的感觉,新功能方面有很多朋友已经做了深入的评测,我就不凑热闹了, ...

java配置接口提供给vue,vue在js中配置全局API接口

java配置接口提供给vue,vue在js中配置全局API接口相关推荐

最新文章

热门文章