详解vue配置后台接口方式
2019-04-16 18:02
4087 查看
在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 }) }
以上所述是小编给大家介绍的vue配置后台接口方式详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- mybatis入门教程(配置文件详解、增删改查、接口编程方式)
- vue webpack开发访问后台接口全局配置的方法
- 详解vue-cli 接口代理配置
- vue引入ueditor及node后台配置详解
- 基于vue中css预加载使用sass的配置方式详解
- 详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper
- vue-cli2.0配置文件详解 --齐枭飞前端
- Vue2 Vue-cli中使用Typescript的配置详解
- springMVC利用FastJson接口返回json数据相关配置详解
- 微信小程序设置http请求的步骤详解----结合后台接口文档
- VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
- Linux 下sftp配置之密钥方式登录详解
- Dubbo配置方式详解
- 详解基于vue-cli配置移动端自适应
- Vue通信、传值的多种方式,详解(都是干货)
- vue-cli + sass 的正确打开方式图文详解
- Vue-cli开发笔记二----------接口调用、配置全局变量
- 详解VUE中常用的几种import(模块、文件)引入方式
- spring详解之注解的方式配置AOP(六)
- dubbo-非常详细的DUBBO配置方式详解