无论是绝对地址还是相对地址传进去,我都无法获取到接口数据,不知道我哪里写错了。
//vue.文件
mounted () {
// console.log(this.$router);
//第一种写法:刚开始我写的是绝对路径,这传进去了,是下面的效果【如下图1,图2】
//apiPost('http://192.168.1.54:8080/HRP/getUserInit.do', {})
//第二种写法:但是我想传相对路径,而不是绝对路径,然后改成这样,于是结果出来了【如下图3,图4】
apiPost('/getUserInit.do', {})
.then((res) => {
console.log(res)
})
// this.menuData = this.$route.matched;
},
//reuqest.js文件
export const apiPost = (url, data) => {
return http({
//第一种写法【绝对路径时】
//baseURL: url,
//第二种写法【匹配相对路径】
baseURL: '/api' + url,
method: 'post'
// data: data ? encryptParam(data) : data
})
}
//这里这样写,两种写法没变
//vue.config.js文件
// 配置跨域
proxy: {
'/api': {
// 这里后台的地址,
target: 'http://192.168.1.54:8080/HRP',
// target: ipName + ':' + portName + '/' + projectName, // target:'http://192.168.1.54:8080/HRP_Web_Web_exploded/',
// 如果要代理websockets
ws: true,
// 允许跨域
changeOrigin: true,
pathRewrite: {
// 使用 `/api` 代替 `target` 要访问的跨域的域名
'^/api': '/'
}
}
第一种写法时:控制台显示如下:下面这个重定向了……
第二种写法时:控制台显示如下:既有重定向又有404提示……
这方面的知识比较薄弱,去各大网站查过相关问题的资料,但是无一所获
我想能找到问题所在,最好可以用相对路径传进去,并且以成功获取得到后台接口数据
返回的http头是什么?是跳转还是错误,肯定是发送数据不对