关于ajax请求地址

来源：10-3 Vue项目的联调测试上线 - 真机测试

qq_卖菜的鱼_0

2018-04-23

老师您好！还是上次那个问题。proxyTable地址我已经改了，但实际打印跟踪时，接口还在访问本地。我重启过了，还有哪些设置要改吗？

proxyTable: {
'/api': {
target: 'http://192.168.1.158/pc'
}
},

axios.get('/api/home')

写回答

3回答

Dell

2018-04-23

已采纳

实际上会转发到192.168.1.158/pc/home 你是这样的路径么

qq_卖菜的鱼_0

老师您好：我后来在代码中增加了下面这段，现在正常了，谢谢！ pathRewrite: { '^/api': '' }

2018-04-24

共1条回复

Dell

2018-04-24

再不用了，你是怎么确定接口还在访问本地的

qq_卖菜的鱼_0

是console提示你还在访问本地。

2018-04-25

共1条回复

qq_卖菜的鱼_0

提问者

2018-04-24

是的。是这个路径的。只要访问192.168.1.158/pc/home就直接能得到json数据（google插件jsonhande）。但打印出来的一直是这个： GET http://192.168.1.176:8081/api/home 404 (Not Found)。

dispatchXhrRequest @ xhr.js?ec6c:178

176:8081是我本机的ip。就是接口还是一直访问我本机的ip地址。我感觉是否还有哪里要设置下。如本机我输入localhost:8081。接口就访问localhost了。

config/index.js相关配置如下：

assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
'/api': {
target: 'http://192.168.1.158/pc',
changeOrigin: true //是否跨域（本行代码注释也尝试过，一样）
// target: 'http://localhost:8081',
// pathRewrite: {
// '^/api': '/static/mock'
// }
}
},

调用接口的vue代码如下：

getHomeInfo () {
axios.get('/api/home')
// axios.get('/api/index.json')
.then(this.getHomeInfoSucc)
},

自己找了好几天资料了，麻烦老师再帮我看下，谢谢！

qq_卖菜的鱼_0

Dell

好的，我尝试下。但问题已解决了，谢谢老师指点！

2018-04-25

共3条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代，企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程