vue连接后端本地接口_详解vue配置后台接口方式

详解vue配置后台接口方式

在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: '&