小程序uniapp + uview设置两个baseUrl

这篇具有很好参考价值的文章主要介绍了小程序uniapp + uview设置两个baseUrl。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1 uview框架
https://www.uviewui.com/components/picker.html
2 在request.js里面拦截器写上

  /**
     * 请求拦截
     * 可使用async await 做异步操作
     */
    uni.$u.http.interceptors.request.use((config) => {
 		// 这一步就是给baseUrl重新赋值 !!!
        if(config.custom.baseUrl){
            config.baseURL = config.custom.baseUrl
        }
        console.log(config,'cofig')
        // 初始化请求拦截器时,会执行此方法,此时data为undefined,赋予默认{}
        config.data = config.data || {}
        // 根据custom参数中配置的是否需要cookie,添加对应的请求头
        if(config?.custom?.cookie) {
             // #ifdef MP-WEIXIN
            config.header.Cookie = uni.getStorageSync("Token");
			// #endif
        }
        // 表单提交
        if (config.custom.form) {
            config.header['content-type'] = "application/x-www-form-urlencoded"
        }
        return config
    }, config => {
        return Promise.reject(config)
    })

3 在api里面设置一个属于模块的record.js文件

export default {
    record: {
        baseUrl:'http://xxx:9938/digitization-oa',
        searchUser: '/xxx/user/selectList',
    },
}

4 在页面中使用文章来源地址https://www.toymoban.com/news/detail-718646.html

let params = {
        key: value
      };
this.$Http.get(this.$Api.record.searchUser, {
          custom: { baseUrl: this.$Api.record.baseUrl }, params,}) .then((res) => {
          console.log(res)
        })
        .finally(() => (this.loading = false));

到了这里,关于小程序uniapp + uview设置两个baseUrl的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • (小程序)基于uniapp+vite4+vue3搭建跨端项目|uni-app+uview-plus模板

    版本信息: 点击编辑器的文件 新建 项目(快捷键Ctrl+N) 2.选择uni-app项目,输入项目名/路径,选择项目模板,勾选vue3版本,点击创建,即可成功创建。 3.点击编辑器的运行 运行到浏览器 选择浏览器 当然也可以运行到手机或模拟器、运行到小程序工具。 到这里一个简单的

    2024年02月16日
    浏览(102)
  • uniapp踩坑-文件查找失败:‘uview-ui‘ at main.js

    我是在dlcoud插件库里面下载的,默认他默认下载在了“uni_modules”,而我用官方的方式总是报:文件查找失败:\\\'uview-ui\\\' at main.js 以下是官方方法,但我这里一直报错,是因为直接写他是从“node_modules”文件夹中找 23-8-21(修改):uview官网好像换了: Icon 图标 | uView 2.0 - 全面兼

    2024年02月05日
    浏览(72)
  • uniapp+uview封装小程序请求

    uniapp项目引入uview库 此步骤不再阐述  env.js: 该封装文件对后端接口返回格式有规范要求 如接口格式跟封装文件不匹配 可通过 request.js 中响应拦截进行修改  接口返回格式示例: request.js: 在根目录main文件内引入  以为 login.js 为例 该POST登录请求的 login函数名  需对应第二

    2024年02月13日
    浏览(40)
  • uniapp使用uview-plus(vue3项目)

    先创建一个vue3的uniapp项目,建议选择空项目 Hbuilder X方式 下载方式配置文档 如果您是使用 Hbuilder X 开发的用户,您可以在 uni-app 插件市场通过 uni_modules 的形式进行安装,此安装方式可以方便您后续在 uni_modules 对uview-plus进行一键升级。 在uni-app插件市场右上角选择 uni_module

    2024年02月07日
    浏览(46)
  • 基于uniapp+uView开发小程序【技术点整理】

    uView安装有下载安装和npm安装两种方式, 这里使用的是npm安装 。 1. uView依赖SCSS ,您必须要安装此插件,否则无法正常运行。 2.使用npm安装uView 3.引入uView主JS库 在项目根目录中的main.js中,引入并使用uView的JS库, 注意这两行要放在import Vue之后 。 4.在项目根目录的uni.scss中引

    2024年02月10日
    浏览(36)
  • 前端笔记(Css、JS、Vue、UniApp、微信小程序)

    点击穿透 应用场景:点赞或送礼等出现的弹窗遮罩,无法再次触发点击事件 磨砂模糊 底部安全距离 可以放入【common.scss】中,在需要的页面引入 宽度根据内容决定 媒体查询@media 必须是以 @media 开头 使用 mediatype 指定媒体(设备)类型 使用 and | not | only 逻辑操作符构建复杂

    2024年04月26日
    浏览(42)
  • uniapp + vue3.0 + uview-plus3.0搭建项目

    创建 利用工具导入插件  说明已经导入 1、先安装插件 uview-plus依赖SCSS,需要先下载sass 和 sass-loader npm install sass sass-loader@10 -D  依次安装以下插件,如果有请忽略 npm install dayjs npm install clipboard 2、配置文件 main.js import uView from \\\'@/uni_modules/uview-plus\\\'  app.use(uView) App.vue @import \\\"

    2024年02月15日
    浏览(44)
  • uniapp使用uview打包小程序过大解决办法

    第一次用遇到了这个问题,查了很久以为是uview的问题,后来发现是自己代码问题。 uview的css引入不要在uni.scss文件里引入,这样会使打包小程序的时候每个组件的样式里面都copy了一份,使得整体打包过大超过2M了。 uni.scss只放变量就可以了,其他全局的样式文件也不要在un

    2024年02月16日
    浏览(57)
  • uniapp uview微信小程序重置表单resetFields不生效

    1. 问题描述 uniapp + uview点击重置按钮,重置不生效 2. 解决 不生效原因未知,但我们可以模拟重置。 先将表单中的绑定的数据置空,然后把校验结果置空就可以了

    2024年02月16日
    浏览(47)
  • 【vue】uniapp vue3 vite代理设置问题【H5 微信小程序】

    基于vue3版本的uniapp运行h5和微信小程序 uniapp运行h5请求接口成功,运行微信小程序请求接口不成功 vite.config.ts配置proxy .env配置请求接口域名 request.ts 请求接口文件 微信小程序识别不了代理的配置 需要判断当前是h5还是微信小程序端,对请求接口文件进行修改,其他文件不修

    2024年02月09日
    浏览(60)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包