vue-element-admin如何配置proxytable与后端链条

问题描述

用到了vue-element-admin, 现在页面做完了, 但是请求后端接口有问题, 大体知道是配置proxy, 但是还是不行, 目前没有思路...求指点, 谢谢

config/index.js配置

proxyTable: {
  '/student': {
    target: 'http://192.168.0.79:8080',
    pathRewrite: {
      '^/student': '/student'
    },
    // changeOrigin: true
  }
},

config/dev.env.js配置

module.exports = {
  NODE_ENV: '"development"',
  ENV_CONFIG: '"dev"',
  BASE_API: '"http://192.168.0.79:8080"'
}

请求函数

export function uploadExcel() {
  return request({
    url: '/student/importStudent',
    method: 'post'
  })
  // return axios({
  //   method: 'get',
  //   url: '/student/importStudent'
  //   // url: ''
  // })
}

axios方法

const service = axios.create({
  baseURL: process.env.BASE_API, // api 的 base_url
  timeout: 5000 // request timeout
})

// request interceptor
service.interceptors.request.use(
  config => {
    // Do something before request is sent
    if (store.getters.token) {
      // 让每个请求携带token-- ['X-Token']为自定义key 请根据实际情况自行修改
      config.headers['X-Token'] = getToken()
      // config.method = 'post'
      // config.headers["Access-Control-Allow-Origin"] = "*"
      // config.headers["Access-Control-Allow-Methods"] = "PUT,GET,POST,OPTIONS"
      // config.headers["Access-Control-Allow-Headers"] = "X-Requested-With, Content-Type, X-File-Name"
    }
    return config
  },
  error => {
    // Do something with request error
    console.log(error) // for debug
    Promise.reject(error)
  }
)

错误提示

图片描述

阅读 5k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题