博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue 配置后台接口方式
阅读量:4100 次
发布时间:2019-05-25

本文共 773 字,大约阅读时间需要 2 分钟。

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

第一种(代理方式)

在工程目录下 > config > index.js

- 修改为如下配置

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

接口配置

接口写法

在工程目录下 > 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"',})

接口配置

在工程目录下 > src > api > user.js

- 接口写法

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

接口写法

转载地址:http://hkksi.baihongyu.com/

你可能感兴趣的文章
JavaScript:时间日期格式验证大全
查看>>
解决SimpleDateFormat线程安全问题NumberFormatException: multiple points
查看>>
MySQL数据库存储引擎简介
查看>>
处理Maven本地仓库.lastUpdated文件
查看>>
CentOS7,玩转samba服务,基于身份验证的共享
查看>>
计算机网络-网络协议模型
查看>>
计算机网络-OSI各层概述
查看>>
Java--String/StringBuffer/StringBuilder区别
查看>>
分布式之redis复习精讲
查看>>
数据结构与算法7-栈
查看>>
Java并发编程 | 一不小心就死锁了,怎么办?
查看>>
(python版)《剑指Offer》JZ01:二维数组中的查找
查看>>
(python版)《剑指Offer》JZ06:旋转数组的最小数字
查看>>
(python版)《剑指Offer》JZ13:调整数组顺序使奇数位于偶数前面
查看>>
(python版)《剑指Offer》JZ28:数组中出现次数超过一半的数字
查看>>
(python版)《剑指Offer》JZ30:连续子数组的最大和
查看>>
(python版)《剑指Offer》JZ02:替换空格
查看>>
JSP/Servlet——MVC设计模式
查看>>
使用JSTL
查看>>
Java 8新特性:Stream API
查看>>