本文详细介绍了在Vue项目中如何配置连接本地后端接口的两种方法：一种是通过代理配置，修改工程目录下config/index.js文件；另一种是在dev.env.js文件中设置基础API地址。具体实现包括axios的使用以及接口调用的示例。
在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"
最低0.47元/天 解锁文章
扫一扫
338
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
