doubleyong
管理员
管理员
  • 最后登录2026-05-25
  • 发帖数1198
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
阅读:9313回复:0

[vue]vue 打包后axios不能正常请求

楼主#
更多 发布于:2018-07-09 17:13
通过Hbuilder对Vue进行打包,打包后页面信息可以正常访问,但是axios请求的数据不能正常访问.
一. axios 使用了代理,在打包后,不能正常使用.    代码如下
    
proxyTable: {
      '/api':{
        target:"http://localhost:9999",//设置你调用的接口域名和端口号 别忘了加http
        changeOrigin:true,
        pathRewrite:{
          '^/api':''//这里理解成用‘/api'代替target里面的地址,后面组件中我们掉接口时直接用api代替
          //比如我要调用'http://40.00.100.133:3002/user/login',直接写‘/api/user/login'即可
        }
      }
    }
解决方法:
       1. 需要在你的运行vue打包的文件的环境中,设置代码"/api" 对应“http://localhost:9999
       2. 不使用代理,使用一个全局变量,来代替对应的请求地址
二、npm run build 生成后的页面可以访问数据,但是生成apk,在真机上运行,发现又不行了
      
解决方法:最后检查发现使用的是http://localhost:9999 , 在手机上运行localhost肯定找不到。最后将其改成对应的IP地址http://192.168.1.2:9999 访问就正常了
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号