详解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 相关文章推荐
javascript同页面多次调用弹出层具体实例代码
Aug 16 Javascript
javascript实现Table间隔色以及选择高亮(和动态切换数据)的方法
May 14 Javascript
jquery实现多条件筛选特效代码分享
Aug 28 Javascript
Jquery常用的方法汇总
Sep 01 Javascript
jquery密码强度校验
Dec 02 Javascript
javascript实现右侧弹出“分享到”窗口效果
Feb 01 Javascript
Bootstrap中CSS的使用方法
Feb 17 Javascript
Bootstrap CSS组件之按钮下拉菜单
Dec 17 Javascript
jQuery中的一些小技巧
Jan 18 Javascript
微信小程序实现手势滑动卡片效果
Aug 26 Javascript
vue不操作dom实现图片轮播的示例代码
Dec 18 Javascript
实例讲解JavaScript 计时事件
Jul 04 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
德劲1102收音机的打理维修案例
2021/03/02 无线电
PHP编码规范-php coding standard
2007/03/16 PHP
PHP将整个网站生成HTML纯静态网页的方法总结
2012/02/05 PHP
详解php比较操作符的安全问题
2015/12/03 PHP
php-fpm开启状态统计的方法详解
2017/06/23 PHP
MSN消息提示类
2006/09/05 Javascript
js控制表单奇偶行样式的简单方法
2013/07/31 Javascript
IE与FireFox的JavaScript兼容问题解决办法
2013/12/31 Javascript
点击显示指定元素隐藏其他同辈元素的方法
2014/02/19 Javascript
Bootstrap栅格系统的使用详解
2017/10/30 Javascript
vue-baidu-map 进入页面自动定位的解决方案(推荐)
2018/04/28 Javascript
微信小程序wepy框架笔记小结
2018/08/08 Javascript
vue实现搜索过滤效果
2019/05/28 Javascript
小程序根据手机机型设置自定义底部导航距离
2019/06/04 Javascript
JavaScript 预解析的4种实现方法解析
2019/09/03 Javascript
javascript实现简单搜索功能
2020/03/26 Javascript
Ant design vue table 单击行选中 勾选checkbox教程
2020/10/24 Javascript
[52:31]VP vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python装饰器decorator介绍
2014/11/21 Python
python 利用栈和队列模拟递归的过程
2018/05/29 Python
使用NumPy和pandas对CSV文件进行写操作的实例
2018/06/14 Python
python中redis查看剩余过期时间及用正则通配符批量删除key的方法
2018/07/30 Python
Python 2/3下处理cjk编码的zip文件的方法
2019/04/26 Python
CSS3制作漂亮的照片墙的实现代码
2016/06/08 HTML / CSS
美国高街时尚品牌:OASAP
2016/07/24 全球购物
佳能德国网上商店:Canon德国
2017/03/18 全球购物
史蒂夫·马登加拿大官网:Steve Madden加拿大
2017/11/18 全球购物
Swisse官方海外旗舰店:澳大利亚销量领先,自然健康品牌
2017/12/15 全球购物
哄娃神器4moms商店:美国婴童用品品牌
2019/03/07 全球购物
PHP面试题集
2016/12/18 面试题
小学生春游活动方案
2014/08/20 职场文书
公务员四风问题对照检查材料整改措施
2014/09/26 职场文书
如何利用 CSS Overview 面板重构优化你的网站
2021/10/24 HTML / CSS
Win11更新失败并提示0xc1900101
2022/04/19 数码科技
pd.DataFrame中的几种索引变换的实现
2022/06/16 Python
python解析照片拍摄时间进行图片整理
2022/07/23 Python