umi项目搭建过程遇到的小问题之一

最新推荐文章于 2024-05-30 14:23:47 发布
最新推荐文章于 2024-05-30 14:23:47 发布
阅读量996 收藏
点赞数
文章标签： reactjs 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/suilyy/article/details/109723532
版权

遇到了一个不大不小的问题，请求的路径。

按我浅薄的理解，umi在创建request时取的默认 baseurl 是代理地址或者localhost，为了代理到接口地址，在网上搜了一些，

告诉我在config/proxy.js里修改配置

配置完的效果是这样的，感觉这个代理还是很好用的，可以根据不同的参数匹配不同的地址。很奇怪的是我用之前项目的接口调试正常，但是新接口就404，感觉应该是nginx需要配置些什么，可我又一片空白，再次感受到了知识的贫乏。

但是问题总要解决吧，那就曲线救国吧，能不能想个办法直接把requesturl替换成接口地址呢？于是我又一顿百度猛如虎，做出了如下操作，在utils/requests.js里修改request的创建函数，直接写死prefix为接口地

最低0.47元/天 解锁文章
suilyy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
umijs多环境配置_umi 项目多环境打包配置
weixin_39715538的博客
12-19 3448
参考：我的需求：在不同环境(dvl、sit)下打包，请求基础地址也需要随环境的变化而改变遇到的困难：umi v3 文档不完善未知bug1. 创建不同环境的配置文件此部分可参考：需要 dvl、sit 两个环境，因此创建两个配置文件，如图：2. 配置需要的环境变量此部分可参考：.umirc.dvl.tsimport { defineConfig } from 'umi';export default ...
umi配置多环境变量，配置接口的baseUrl
weixin_47541876的博客
04-15 6131
通常情况下，一个项目区分开发环境，测试环境，生产环境，因为后端给的接口测试环境和生产环境的不一样，并且我们的也不是网站前缀，正式环境也需要自己配置，然后整个项目是用umi搭建的，所以用了cross-env来配置不同的环境 1、安装cross-env npm i cross-env -S 2、修改package.json文件 "dev": "cross-env UMI_ENV=dev UMI_DEV=true umi dev", "start": "cross-env UMI_ENV=pro
ajax&axios / fetch&umi-request知识点
acm_cn1234567890的博客
10-14 1368
http请求报文、http响应报文 Api分类: XHR对象 Ajax封装:Ajax技术的核心是XMLHttpRequest对象(简称XHR) axios----前端最流行的ajax请求库 axios二次封装（ajax封装一次，axios对ajax再进行封装）
UMI静态config文件实现接口请求地址动态配置
最新发布
qq_45799465的博客
05-30 413
umi在入口文件引入js文件的方法。
react umi-request 一套统一的网络请求和错误处理方案
yellow757的博客
07-21 7684
参考文档：https://github.com/umijs/umi-request/blob/master/README_zh-CN.md#%E9%94%99%E8%AF%AF%E5%A4%84%E7%90%86 importrequest,{extend}from'umi-request'; import{message}from'antd'; import{history}from'umi'; consterrorHandler=(error:an...
react+umiJs打包后更改前端写死的服务器地址
weixin_44457418的博客
10-09 1344
前几天遇到这样一个问题,需要能够更改打包后的服务器地址,经过网上查找方法之后大概找到以下几种: 一，安装generate-asset-webpack-plugin 由于这个是基于Vue的我就没有使用，这里贴一下使用地址： https://blog.csdn.net/qq_31173561/article/details/90672070 二，引入一个js文件 因为想要打包后更改服务器地址,所以不能打包的,就在项目根目录创建public/static/ipConfig.js,接着在ipConfig里面声明一个
uniapp项目打包H5后 希望可以修改固定的配置（接口地址，系统名称等）
六国破灭，非兵不利 ，战不善，弊在赂秦。赂秦而力亏，破灭之道也。或曰：六国互丧，率赂秦耶？曰：不赂者以赂者丧，盖失强援，不能独完。故曰：弊在赂秦也。 秦以攻取之外，小则获邑，大则得城。较秦之所得，与战胜而得者，其实百倍；诸侯之所亡，与战败而亡者，其实亦百
12-02 4791
二、在manifest.json 的h5下设置"template" : "template.h5.html" template.h5.html 文件内容，引入配置文件config.js 四、重新运行uniapp项目，配置后一定要重启一下 五、使用方式 在需要的地方直接使用即可 vue的配置方式可查看之前写的这篇vue项目打包后 希望可以修改配置（接口地址，系统名称等）项目打包发布，之后可能存在接口域名更换，项目名称修改等情况，就需要开发人员重新修改代码，重新发布，
基于umi+antd-mobile的移动端项目模板
02-22
"基于umi+antd-mobile的移动端项目模板"是一个针对移动端应用开发的高效解决方案，它结合了两个强大的工具：umi框架和antd-mobile组件库。这个模板提供了一个快速启动的项目结构，旨在帮助开发者更高效地构建高质量...
umi-start:基于react + umi搭建的脚手架
05-27
:package: 项目说明 react + umi 的后台管理系统 :hammer: 构建 # 启动本地服务 npm run start # 打包构建 npm run build :american_football: 具体使用说明 :palm_tree: 编辑器使用 推荐使用vscode
umi基础框架（React+umi+Ts）
08-05
标题 "umi基础框架（React+umi+Ts）" 指的是使用umi作为基础架构，结合React和TypeScript来构建...`umi_admin-master`压缩包则提供了这样一个应用的基础代码结构和配置，便于开发者快速搭建和开发企业级后台管理系统。
使用umi脚手架 创建项目 详细教程
01-07
 umi 通过create-umi 来提供脚手架能力 创建项目有两种形式, 一种是是命令行 一种是使用GUI 首先介绍命令行创建项目 执行以下命令开始创建项目 npm creat umi 可以选择以下几个项目  project，通用项目脚手架...
一个基于 umi 的移动 React 框架
06-12
然而，仅使用React进行大型项目的开发可能会变得复杂，因此出现了许多框架和工具来简化这一过程。"一个基于 umi 的移动 React 框架"就是这样的解决方案，它将umi框架与React结合，为开发者提供了强大的功能和高效的...
UmiJS 配置多个环境，打包不同代码
qq_24937505的专栏
09-02 2188
假设：项目有多个环境，如正式环境、测试环境、第三方。问： 部署多台服务器，要求请求接口不同，如何做到同用一份代码，去做标识区分呢？手把手-带你操劳起来#【已安装-直接忽略】安装。因为在window和mac下用到命令是不同的。这里要用到cross-env，这个是解决不同系统之前的命令兼容问题。
react http请求_三分钟教你搞定 React 项目多环境配置
weixin_39959615的博客
10-27 1156
在实际项目开发中，前端 er 常常会面对多个环境的接口：开发环境、测试环境、生产环境，所以项目中网络请求的 baseUrl也需要跟随这些环境来变化。但是，我们一般会使用像 create-react-app或者 umi这样的脚手架来做项目的初始化，这些脚手架将 webpack 的配置黑盒化了，如何在不执行 eject 操作的前提下优雅地配置多个项目环境呢？ 在项目中最好不要一遇到问题就一键执行 e...
Ant Design Pro 2.0/umijs站点配置到非站点根目录下处理
草宝虫的博客
11-03 1万+
1.config/config.js中 export default {中加上如下： history: 'hash', //采用hash路由：#/xxx的形式 base:'./', publicPath:'./', （会自动将/static/xxx.jpg之类的和umi.js中的a.p="/"及index.html中window.routerBase中该值进行替换） 2.生成出来的di...
关于umi的一些基本配置
JohnZhongJob的博客
12-17 1万+
    蚂蚁金服的ant design是一个很好的前端框架封装，但是在使用的过程中往往会遇到一些配置问题，比如使用ant design pro 3.0以上版本时，它采用了新的umi作为底层架构，在这里做一些它的配置简单的记录。 plugins Type: Array Default: [] export default { plugins: [ 'umi-plugin-reac...
umi request 地址参数_request的学习
weixin_39639174的博客
10-21 2296
request学习很是熟悉，但是感觉理解的还不够深入经常用的就几个request.getParameter()request.getsession()request.getattribute()等几个今天就就特意来深入学下request属性太多了，只能挑几个重点的来分析分析header获得客户机请求头header请求头，这个相信有搞过前端的同学应该很熟悉 获取方法String getHeader(...
umi request post请求参数
记录成长学习点滴
04-01 2万+
import umiRequest from 'umi-request'; export async function fakeAccountLogin(params) { console.log(params); // return request('/api/login/account', { // return request('/api/index.php?m=I...
umi：根据umi-request开发文档封装请求参数携带请求头
热门推荐
苏珊蓝顿
08-03 5万+
Umi：根据Umi-request开发文档封装请求参数携带头部hearder{}话不多说 直接上代码完。 由于项目功能需求采用Antd Pro官方脚手架，为了保持框架完整性不再添加其他数据请求类npm包，所以对项目中@utils/request.js提供的官方文档进行封装。 官方API：https://github.com/umijs/umi-request 或者 https://www.npmj...
如何搭建一个antd pro+umi4 项目
04-17
很高兴回答你的问题。首先，你可以使用 Ant Design Pro 官方提供的脚手架工具 umi 4 快速搭建项目。具体步骤： 1. 安装 umi： ```bash npm install -g umi ``` 2. 创建项目： ```bash umi init ``` 3. 选择 antd pro 模板，并选择自己想用的功能模块： ``` ? Select the boilerplate type (Use arrow keys) ❯ ant-design-pro - Create project with an layout-only ant-design-pro boilerplate, use together with umi block. app - Create project with a simple boilerplate, support typescript. plugin - Create project fit for building umi plugin. block - Create a umi block. ``` 4. 根据提示输入一些项目配置，如项目名称、端口号等。 5. 等待 umi 自动安装依赖，并启动项目： ```bash npm start ``` 6. 打开浏览器访问 http://localhost:8000/，看到 antd pro 的欢迎页面，项目创建成功！ 希望能对你有所帮助。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值