zoukankan      html  css  js  c++  java
  • 血淋淋的教训—将Vue项目打包成app的跨域问题

     1  devServer: {
     2     host: '192.168.1.58',
     3     port: 9999,
     4     historyApiFallback: true,
     5     noInfo: true,
     6     overlay: true,
     7     // 配置服代理务器
     8     
     9     proxy: {
    10       '/hydro/': {    // 只要指向/hydro/的请求,都会自动代理到下面的target的地址
    11             target: "http://192.168.1.180:8081",     //对方服务器地址
    12             // pathRewrite: {
    13             //   '^/hydrowebapp':'/'
    14             // },
    15             secure: false,
    16             changeOrigin:true
    17       },
    18     }
    19     
    20   },

    跨域问题,webpack配置的代理服务器,但只在开发环境中有效,npm run build 打包之后则失效,

    webapp放在nginx服务器下,nginx做了代理,则可以解决跨域问题

    webapp改造移动app,使用 的是纯HTML,使用HBuilder进行打包后真机测试,

    最初使用谷歌浏览器做测试,

    页面报Access-Control-Allow-Origin跨域错误,于是开始各种跨域的解决方法,

    最终发现app不存在跨域一说!

    在浏览器中测试,$http请求报跨域的错误,但是app打包在真机上运行,是一点问题都没有的……

    血淋淋的教训啊,苦苦折腾了许久,然后发现,真机上不存在此问题,真是……无话可说了!

    记录下自己惨痛的经历,共大家共勉!谢谢!

    =================================================

    机调试时,浏览器不能跨域,手机是可以正常跨域的,把控制台 调到手机 就能正常看到跨域后的结果了

    报出这种错误 都是在 “边改边看控制台”里显示的。

    如果还是不行,就重连手机,重启基座APP试试。

  • 相关阅读:
    最新28个很棒的 jQuery 教程
    NetBeans 为PHP添加调试功能
    HTML5 存储API介绍
    PHP 变量判断
    jquery 与其它js 框架的解决办法
    从按下电源开关到bash提示符
    tar、gzip、unzip命令的详细使用方法
    Top命令中Load Average的含义
    Linux(BASH)命令搜索机制
    分析df和du的区别
  • 原文地址:https://www.cnblogs.com/tian-long/p/8710092.html
Copyright © 2011-2022 走看看