详解vue配置后台接口方式


Posted in Javascript onMarch 29, 2019

在vueAdmin项目中有两种方式配置后端接口的方式,在此做下记录

第一种(代理方式)

在工程目录下 > config > index.js
- 修改为如下配置

proxyTable: {
   '/api': {
    target: 'http://127.0.0.1:8000',
    pathRewrite: {
     '^/api': ''
    }
   }

  },

详解vue配置后台接口方式

详解vue配置后台接口方式

在工程目录下 > src > api > user.js
- 接口写法

import axios from 'axios'
export function getIdcsList() {
 return axios.get('/api/idcs/')
}
export function getPaginationList(params) {
 return axios.get(`/api/idcs/?page=${params.page}`)
}

第二种

在工程目录下 > config > dev.env.js
修改为如下

module.exports = merge(prodEnv, {
 NODE_ENV: '"development"',
 BASE_API: '"http://127.0.0.1:8000"',
})

详解vue配置后台接口方式

在工程目录下 > src > api > user.js
- 接口写法

import request from '@/utils/request'

export function getUserList(params) {
 return request({
  url: '/users/',
  method: 'get',
  params
 })
}

详解vue配置后台接口方式

以上所述是小编给大家介绍的vue配置后台接口方式详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
关于实现代码语法标亮 dp.SyntaxHighlighter
Feb 02 Javascript
在线编辑器的实现原理(兼容IE和FireFox)
Mar 09 Javascript
写了一个layout,拖动条连贯,内容区可为iframe
Aug 19 Javascript
UserData用法总结 lanyu出品
Jul 01 Javascript
div拖拽插件——JQ.MoveBox.js(自制JQ插件)
May 17 Javascript
js中的scroll和offset 使用比较的实例与分析
Sep 29 Javascript
node.js中的console.timeEnd方法使用说明
Dec 09 Javascript
js实现数字每三位加逗号的方法
Feb 05 Javascript
纯js实现无限空间大小的本地存储
Jun 18 Javascript
vuejs2.0运用原生js实现简单的拖拽元素功能示例
Feb 24 Javascript
jQuery实现上下滚动公告栏详细代码
Nov 21 jQuery
一篇文章介绍redux、react-redux、redux-saga总结
May 23 Javascript
微信小程序学习笔记之获取位置信息操作图文详解
Mar 29 #Javascript
点击按钮弹出模态框的一系列操作代码实例
Mar 29 #Javascript
VUE解决微信签名及SPA微信invalid signature问题(完美处理)
Mar 29 #Javascript
微信小程序生成分享海报方法(附带二维码生成)
Mar 29 #Javascript
微信小程序学习笔记之文件上传、下载操作图文详解
Mar 29 #Javascript
微信小程序生成二维码的示例代码
Mar 29 #Javascript
微信小程序学习笔记之登录API与获取用户信息操作图文详解
Mar 29 #Javascript
You might like
解析javascript 数组以及json元素的添加删除
2013/06/26 Javascript
jQuery中关于ScrollableGridPlugin.js(固定表头)插件的使用逐步解析
2014/07/17 Javascript
轻量级javascript 框架Backbone使用指南
2015/07/24 Javascript
AngularJS 日期格式化详解
2015/12/23 Javascript
利用Js+Css实现折纸动态导航效果实例源码
2017/01/25 Javascript
javascript实现延时显示提示框效果
2017/06/01 Javascript
Avalonjs双向数据绑定与监听的实例代码
2017/06/23 Javascript
vue 弹框产生的滚动穿透问题的解决
2018/09/21 Javascript
详解react native页面间传递数据的几种方式
2018/11/07 Javascript
jQuery实现的简单日历组件定义与用法示例
2018/12/24 jQuery
微信小程序实现带参数的分享功能(两种方法)
2019/05/17 Javascript
关于vue里页面的缓存详解
2019/11/04 Javascript
vue中使用vue-pdf的方法详解
2020/09/05 Javascript
Python实现的一个简单LRU cache
2014/09/26 Python
Python序列操作之进阶篇
2016/12/08 Python
python django 实现验证码的功能实例代码
2017/05/18 Python
python selenium执行所有测试用例并生成报告的方法
2019/02/13 Python
python 求某条线上特定x值或y值的点坐标方法
2019/07/09 Python
django-crontab实现服务端的定时任务的示例代码
2020/02/17 Python
python3环境搭建过程(利用Anaconda+pycharm)完整版
2020/08/19 Python
Tory Burch英国官方网站:美国时尚生活品牌
2017/12/06 全球购物
Monica Vinader官网:英国轻奢珠宝品牌
2020/02/05 全球购物
Pamela Love官网:纽约设计师Pamela Love的精美、时尚和穿孔珠宝
2020/10/19 全球购物
J2EE的优越性主要表现在哪些方面
2016/03/28 面试题
工作评语大全
2014/04/26 职场文书
研发工程师岗位职责
2014/04/28 职场文书
大学奖学金获奖感言
2014/08/15 职场文书
2014各大专业毕业生自我评价
2014/09/17 职场文书
优秀教师先进事迹材料
2014/12/15 职场文书
烟台的海导游词
2015/02/02 职场文书
财政局长个人总结
2015/03/04 职场文书
面试通知单大全
2015/04/20 职场文书
2016年党员岗位承诺书
2016/03/24 职场文书
关于保护环境的建议书
2019/06/24 职场文书
Java使用jmeter进行压力测试
2021/07/09 Java/Android
讲解Python实例练习逆序输出字符串
2022/05/06 Python