vue 配置后台接口方式

资料来源：网络整理时间：2023/2/14 1:03:24 共计：3649 浏览

在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 安装与使用axios | ·下一条：vue-cli（vue脚手架）超详细教程