问题描述
用到了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)
}
)