韩城哪家网络公司好呢?【韩城企业网站百度 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推广公司】韩城做网站开发价格、韩城淘宝店铺开店装修设计运营、公司网站制作方案流程改版维护费用、韩城高端企业网站页面制作设计专业公司需要多少钱 |