7***@qq.com
7***@qq.com
  • 发布:2022-12-01 16:11
  • 更新:2023-10-13 11:00
  • 阅读:360

vue-cli打包问题

分类:HBuilderX

项目一开始是有HbuilderX创建的可视化界面,后改成vue-cli项目,然后h5打包路径修改为:"build:h5:release": "cross-env NODE_ENV=release UNI_PLATFORM=h5 UNI_OUTPUT_DIR=./build vue-cli-service uni-build --mode release",运行打包后的文件一直报找不到apiUrl,页面白屏

2022-12-01 16:11 负责人:无 分享
已邀请:
6***@qq.com

6***@qq.com

我也发现了类似的问题,我发现是白屏是因为html引用资源的路径是/而不是我配置的pulicPath:"./";
至于为什么没有引用到./,我发现是脚本中,只要NODE_ENV配置的不是production,打包出来index.html引用的都是/,在webpack.config.js或者vue.config.js中配置也无效

1***@qq.com

1***@qq.com

对,就是这样子的,如果我想改成别的环境的话,就会出问题,不知道怎么解决,不能改NODE_ENV

  • 6***@qq.com

    后来我直接在package.json的script启动和打包命令加VUE_APP_ENV=xxx来区分环境了,再process.env.VUE_APP_ENV去拿。虽然打包app会拿不到,拿不到就给默认值算了,起码是解决了web打包的问题

    2024-05-21 14:20

1***@qq.com

1***@qq.com

用这种办法就可以了,在package.json里面更改,不要改NODE_ENV,可以看看(官方的)[https://uniapp.dcloud.net.cn/collocation/package.html]

要回复问题请先登录注册