首先请检查下你的 Vue 版本,
Vue2 和 Vue3 跨域方式不同:
首先在配置 config里面的index.js
proxyTable: {
'/api': {
// target: 'http://www. wuyushuo.com:8080',
// target: 'http://47.100.210.195',
target: 'http://127.0.0.1:8000/',
changeOrigin: true,
pathRewrite: {
'^/api': '',//重写,
}
}
},
然后在 axios中
let reqParams = {
url: '/api/recruit/select/list',
method: 'get',
params: {
size: this.size,
page: 1,
...queryObj,
cityId: this.$route.query.cityId
}
};
let res = await axios(reqParams);
最后一定不要忘了在 min.js配置BaseUrl(看了很多文章 都没有提到 解决了一天啊!!!!)
import Axios from 'axios'
Vue.prototype.$axios = Axios
Axios.defaults.baseURL = '/api'
Axios.defaults.headers.post['Content-Type'] = 'application/json';
Vue.config.productionTip = false
关键代码是:Axios.defaults.baseURL = ‘/api’,这样每次发送请求都会带一个/api的前缀