解决:vue运行之后,真机无法获取数据!在手机上发送不出去axios 或者 ajax,请求失败

我的天 这个大坑~   神烦   百度馊了各种办法  不下一百个网页  最后发现是请求路径的错误

有说es6不兼容的,好那咱就试  对吧   安装polyfill  咱全局安装   代码污染就污染  后期再改

安装好 调试好之后   不行 还是出不来

继续苦思冥想 

都是局域网地址  为什么就访问不到本地tomcat服务器呢

pc上 模拟各种手机  也能正常访问到数据啊  为啥真机上就出不来呢?

最后得出个结论:地址写错了!!!

原本设置的是:axios.default.baseUrl ='http://localhost:8080'

后来仔细一想,我去!  这永远访问的是当前机器的地址啊,我笔记本上有tomcat,所以能请求成功!

但是我手机访问的时候,请求的是手机上的tomcat! 

手机上哪有tomcat   果断改为 axios.default.baseUrl ='http://192.168.0.9:8080' (改为你PC端的IP+端口)

package.json中设置了一下 

 "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "webpack-dev-server --open --port 3000  --hot  --host 192.168.0.9"
  },

然后执行 npm run dev 就可以手机输入地址访问了

数据显示出来的那一刻  我有种感动(chun)哭了的感觉!

寒假刚接触vue   爬了好多坑~   

猜你喜欢

转载自blog.csdn.net/q297896911/article/details/87909811
今日推荐