官方服务微信:dat818 购买与出租对接

西安网站优化公司哪家好_西安网站推广_西安SEO优化公司_网站SEO公司

2万

主题

2

回帖

8万

积分

管理员

积分
80331
发表于 3 天前 | 显示全部楼层 |阅读模式
    韩城哪家网络公司好呢?【韩城企业网站百度 SEO 推广的公司】韩城做网站开发的价格是多少?韩城淘宝店铺的开店、装修设计以及运营情况如何?公司网站的制作方案、流程、改版以及维护费用分别是多少?韩城有哪些高端企业网站页面制作设计的专业公司,以及它们需要多少钱?

    韩城市为陕西省辖县级市,由渭南市代管。它处在陕西省东部黄河西岸,位于关中盆地东北隅。其北依宜川,西边与黄龙相邻,南边与合阳相接,东边隔着黄河与山西省河津、乡宁、万荣等县市相互遥望。此地距省会西安 240 余千米,总面积达 1621 平方千米。2019 年,韩城市下辖 2 个街道以及 6 个镇。户籍总人口为 39.702 万人。

    韩城有着悠久的历史。在夏、商时期,它是以“龙门”来称呼的。到了西周时期,被称作韩(侯)国,之后又成为梁(伯)国。在春秋战国时期是少梁邑。秦惠文王十一年(前 327)设置了夏阳县。隋开皇十八年(598)改称为韩城县。在此之后经历了多次变更。后唐明宗天成元年(926)又恢复名为韩城县,从那之后就再也没有变更过了。

    韩城是中国特色农产品优势区。

    2018 年,韩城市的地区生产总值是 369.0 亿元。其中,第一产业的增加值为 22.5 亿元。第二产业的增加值为 252.8 亿元。第三产业的增加值为 93.7 亿元。三次产业的结构是 6.1:68.5:25.4。人均生产总值是 92244 元。

    概述

   


    当我们使用 vue 全家桶时,采用了 axios 进行全局请求状态请求拦截管理,并且要给用户给出对应的提示,这样我们就会发现这个提示会像下图这样弹出多个。

    现在有两个提示。看到其中的接口请求时,是否会对应出现两个请求呢?如果是多个接口请求,就会弹出多个提示。这样会导致整个屏幕上都布满这样的提示,这对我们的用户不太友好,我们看着也不太舒服。

    产生原因

    axios 的状态拦截主要是拦截状态,它会返回提示。不过,它不像我们所认为的那样,第一个错误出现后就不会再次弹出提示。axios 会对所有接口进行统一管理,会依次完成所有接口的处理,并且会多次执行弹窗操作。

    产生代码

<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'>    <pre class="prettyprint linenums prettyprinted" style="-webkit-tap-highlight-color: transparent; position: relative; box-sizing: border-box; margin-top: 0px; margin-bottom: 16px; padding: 10px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 12px; line-height: 1.6; font-family: "YaHei Consolas Hybrid", Consolas, "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", Helvetica, monospace, monospace; overflow: auto; background-color: rgb(246, 246, 246); border-radius: 3px; overflow-wrap: break-word; border: 1px solid rgb(221, 221, 221); white-space: pre-wrap; color: rgb(51, 51, 51);">响应拦截器会使用 axios.interceptors.response.use 方法。在这个方法中,当响应返回时,如果 response.data.code 等于 4,就会显示一个 Toast 提示,内容为“当前登录已失效,请重新登录”。否则,就会返回一个被拒绝的 Promise,其值为 response。如果在处理响应过程中出现错误,也会返回一个被拒绝的 Promise,其值为 error。</pre></p>
    解决办法

   


    我们如何应该让这个弹窗只弹一次呢

    新建一个弹窗文件alert.js

<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'>    <pre class="prettyprint linenums prettyprinted" style="-webkit-tap-highlight-color: transparent; position: relative; box-sizing: border-box; margin-top: 0px; margin-bottom: 16px; padding: 10px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 12px; line-height: 1.6; font-family: "YaHei Consolas Hybrid", Consolas, "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", Helvetica, monospace, monospace; overflow: auto; background-color: rgb(246, 246, 246); border-radius: 3px; overflow-wrap: break-word; border: 1px solid rgb(221, 221, 221); white-space: pre-wrap; color: rgb(51, 51, 51);">如果`single`为`true`,则判断当前页面中`class`为`'el-message'`的元素数量是否为`0`,如果是则执行`Message[type](options)`;如果`single`为`false`,则直接执行`Message[type](options)`。</pre></p>
    引入弹窗文件

<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'>    <pre class="prettyprint linenums prettyprinted" style="-webkit-tap-highlight-color: transparent; position: relative; box-sizing: border-box; margin-top: 0px; padding: 10px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 12px; line-height: 1.6; font-family: "YaHei Consolas Hybrid", Consolas, "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", Helvetica, monospace, monospace; overflow: auto; background-color: rgb(246, 246, 246); border-radius: 3px; overflow-wrap: break-word; border: 1px solid rgb(221, 221, 221); white-space: pre-wrap; color: rgb(51, 51, 51); margin-bottom: 0px !important;">引入 axios 库,其路径为 'axios';引入 alertDom 模块,路径为 './alert.js'。创建一个对象实例 alertbox,它是 new alertDom() 的结果。设置响应拦截器,当 axios 发出请求并收到响应时,会执行以下操作:获取响应数据中的 code 和 msg,即 response.data.code 和 response.data.msg。如果 code 的值为 4,则调用 alertbox 的 warning 方法,传入一个包含 message 和 type 的对象,message 为 '当前登录已失效,请重新登录',type 为 'warning'。否则,返回一个被拒绝的 Promise,即 Promise.reject(response)。当发生错误时,也返回一个被拒绝的 Promise,即 Promise.reject(error)。</pre></p>
    韩城网络公司哪家好【韩城企业网站百度SEO推广公司】韩城做网站开发价格、韩城淘宝店铺开店装修设计运营、公司网站制作方案流程改版维护费用、韩城高端企业网站页面制作设计专业公司需要多少钱

更多帖子推荐

您需要登录后才可以回帖 登录 | 立即注册

Archiver|手机版|小黑屋|关于我们

Copyright © 2001-2025, Tencent Cloud.    Powered by Discuz! X3.5    京ICP备20013102号-30

违法和不良信息举报电话:86-13718795856 举报邮箱:hwtx2020@163.com

GMT+8, 2025-4-18 08:46 , Processed in 0.090954 second(s), 17 queries .