美文网首页
H5:局部滚动 及 跨域请求

H5:局部滚动 及 跨域请求

作者: 春暖花已开 | 来源:发表于2021-09-24 14:35 被阅读0次

局部滚动:

<html lang="en">
  <head>
    <style>
      .out {
        width: 375px;
        height: 400px;
        background: red;
        font-size: 14px;
      }

      .inner {
        background: gray;
        /* 默认: visible; auto: 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容 */
        overflow-x: auto;
      }

      .inner span {
        /* 不折行 */
        white-space: nowrap;
      }
    </style>
  </head>
  <body>
    <div class="out">
      <div class="inner">
        <h2>钱江晚报小时新闻评论员</h2>
        <span>新冠病毒确诊病例及密接人员身份等相关隐私信息的泄露问题,如今成了社会关注的焦点。</span>
        <span>近日,莆田市两名泄露初筛阳性人员和密接者个人信息的医疗业相关工作人员,被处以500元的行政处罚。</span>
      </div>
      <button class="click" onclick="clickButton()">点击</button>
    </div>
  </body>
</html>

跨域请求:
vue.config.js 里增加如下配置:

module.exports = {
  devServer: {
    port: 9000,
    proxy: {
      '^/mzcors': {
        target: 'https://www.baidu.com/',
        pathRewrite: {
          '^/mzcors': ''
        },
        changeOrigin: true
      }
    }
  }
}

使用:

axios.post('/mzcors/getUserInfo.do', {
    userInfo: { phoneNumber: '18812345678' },
    configItems: [
      {
      configId: 'smt.homepage.more_service',
      configVersion: '0'
      }
    ]
  }).then(res => {
    console.log(res)
  })
}

参考:devServer

相关文章

  • H5:局部滚动 及 跨域请求

    setRem.js 在项目的根目录下找到.postcssrc.js文件在文件内添加以下代码:

  • H5:局部滚动 及 跨域请求

    局部滚动: 跨域请求:在 vue.config.js 里增加如下配置: 使用: 参考:devServer[http...

  • taro h5跨域问题

    Taro h5 跨域问题 开发模式 h5 发请求会报跨域问题,需要使用代理转换请求。比如后端Rest服务的地址为h...

  • AJAX出现两次请求 options和get|post

    跨域请求 允许跨域请求 preflighted request预请求(options) 跨域请求 XMLHttpR...

  • axios发送俩次请求的原因

    其实跨域分为简单跨域请求和复杂跨域请求 简单跨域请求是不会发送options请求的 复杂跨域请求会发送一个预检请求...

  • 用express实现CORS跨域

    跨域请求头 cors express 跨域请求

  • uniapp H5跨域问题

    uniapp编译到app是不存在跨域问题的,但是编译到H5就会有跨域问题。记录一下工作中遇到跨域及解决跨域方法 方...

  • 跨域

    1、跨域是什么 域指的是域名,向一个域发送请求,如果请求的域和当前域是不同域,就叫跨域;不同域之间的请求就叫跨域请...

  • 关于跨域

    跨域的几种方法及优缺点 1. JSONP跨域 优点:它不像XMLHttpRequest对象实现的Ajax请求那样受...

  • 跨域

    ??JSONP只能解决GET请求跨域,不能解决POST请求跨域问题,XHR2可以解决GET,POST方式的请求跨域...

网友评论

      本文标题:H5:局部滚动 及 跨域请求

      本文链接:https://www.haomeiwen.com/subject/lidzgltx.html