vue怎么插入接口demo_详解Vue配置后台接口方式_而已_前端开发者

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

第一种(代理方式)

在工程目录下 > config > index.

proxyTable: {

'/api': {

target: 'http://127.0.0.1:8000',

pathRewrite: {

'^/api': ''

}

}

},

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

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

})

}

以上所述是小编给大家介绍的开发者网站的支持！