vue-elementui-admin跨越和接口格式问题

1. 第一步 vue.config.js更改
devServer: {
    port: port,
    open: true,
    overlay: {
      warnings: false,
      errors: true
    },
    proxy: {
      [process.env.VUE_APP_BASE_API]: {
        target: 'https://way.jd.com',//配置京东万象的地址
        changeOrigin: true,
        pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API]: ''
        }
      }
    },


    before: require('./mock/mock-server.js')
  },
2.第二步，配置.env.development 文件 设置 VUE_APP_BASE_API 为空

# base api
#VUE_APP_BASE_API = '/dev-api'
VUE_APP_BASE_API = ''

第3步

import request from '@/utils/request' //@表示跟目录src

// 查询京东get

export function querytestForPage() {

return request({

url: '/api/jisuapi/get?channel=%E5%A4%B4%E6%9D%A1&num=10&start=0&appkey=f41add969514932c721cbdc45f6a15ea',

method: 'get',

})

}

// 收费

export function collectFee(registrationId) {

return request({

url: '/doctor/registration/collectFee/' + registrationId,

method: 'post'

})

}

第4步导入

import {querytestForPage} from '@/api/test/test'

methods: {

jizhen(){

querytestForPage().then(res => {

this.jiekouData= res.result.result;

console.log( this.jiekouData)

}).catch(()=> {

console.log(+"------------")

console.log("接口调用错误")

})

//请求的路径为http://localhost:9527/jisuapi/get?channel=%E5%A4%B4%E6%9D%A1&num=10&start=0&appkey=f41add969514932c721cbdc45f6a15ea
地址如果配置会 VUE_APP_BASE_API的值变为为http://localhost:9527+''+jisuapi/get?channel=%E5%A4%B4%E6%9D%A1&num=10&start=0&appkey=f41add969514932c721cbdc45f6a15ea

vue-elementui-admin跨越和接口格式问题

推荐阅读