ice.js 开发问题汇总指南(持续补充)

序:最近一个项目试用ice.js 3.0版。记录开发过程中遇到的一些问题,帮助遇到相同问题的同学过坑。

环境变量配置baseURL不生效

问题描述:

如下,根据官方文档配置baseURL后,不生效。

分析:

  • 把环境变量改为字符串,生效,说明不是请求这边的配置问题,是环境变量的配置问题
  • 怀疑环境变量文件的问题,ice.js的环境变量优先级依次为:
js 复制代码
   `.env`
   `.env.local`
   `.env.${mode}`
   `.env.${mode}.local`
lua 复制代码
请求配置的例子中,文件为.env.local, .env.prod。 于是怀疑为文件名的问题。
改为:.env,.env.local,不生效。
改为:.env.development,.env.production,依然不生效。
  • 因为咱现在是3.0版本,那有没有可能一些文档说明省略了,按经验启动脚本是要指定环境变量配置文件的。
css 复制代码
翻看老文档,果然发现需要在启动脚本中设置 --mode dev 这样的配置
兴冲冲一顿配置猛如虎,然而再次滑铁卢
  • 仔细查看文档,发现有句说明 "默认情况下环境变量是不能在运行时访问的,如若需要在浏览器环境中访问,可以在设置环境变量时增加前缀:ICE_"

    恍然大悟,好嘛,这请求篇章的例子里过于潦草吖。
    于是把所有环境文件中的BASEURL加了ICE_前缀

再次尝试,成功!

js 复制代码
export const requestConfig = defineRequestConfig(() => {
  return {
    baseURL: process.env.ICE_BASEURL
  }
});
相关推荐
乐闻x2 分钟前
Vue.js 性能优化指南:掌握 keep-alive 的使用技巧
前端·vue.js·性能优化
一条晒干的咸魚4 分钟前
【Web前端】创建我的第一个 Web 表单
服务器·前端·javascript·json·对象·表单
Amd79419 分钟前
Nuxt.js 应用中的 webpack:compiled 事件钩子
前端·webpack·开发·编译·nuxt.js·事件·钩子
生椰拿铁You28 分钟前
09 —— Webpack搭建开发环境
前端·webpack·node.js
狸克先生39 分钟前
如何用AI写小说(二):Gradio 超简单的网页前端交互
前端·人工智能·chatgpt·交互
baiduopenmap1 小时前
百度世界2024精选公开课:基于地图智能体的导航出行AI应用创新实践
前端·人工智能·百度地图
loooseFish1 小时前
小程序webview我爱死你了 小程序webview和H5通讯
前端
菜牙买菜1 小时前
让安卓也能玩出Element-Plus的表格效果
前端
请叫我欧皇i1 小时前
html本地离线引入vant和vue2(详细步骤)
开发语言·前端·javascript
533_1 小时前
[vue] 深拷贝 lodash cloneDeep
前端·javascript·vue.js