《uniapp基础知识》学习笔记Day37-(Period2)教程之基本配置
创始人
2024-05-27 18:14:55

语言支持举例

uni-app 支持使用 ts 开发,可参考 Vue.js TypeScript 支持 说明

环境变量

uni-app 项目中配置环境变量主要有如下三种方式:

#vue-config.js

在 vue.config.js 中可以修改 webpack 配置,包括环境变量,具体参考 vue-config.js。

#package.json

在自定义条件编译平台时,可以在 package.json 文件的 env 节点下配置环境变量,具体参考 package.json

#.env

CLI 创建的项目中可以在根目录中放置 .env 文件来指定环境变量,具体参考:Vue2,Vue3。

编译器配置

你可以通过如下入口,对uni-app编译器进行配置:

manifest.json

在manifest.json中,你可以配置Vue的版本(Vue2/Vue3),以及发行H5平台路由模式,详见: manifest.json

vue.config.js

在 vue.config.js 中可以修改 webpack 配置,包括环境变量,具体参考 vue-config.js。

vite.config.js

在 vite.config.js 中可以修改 Vite 配置,包括环境变量,具体参考 vite.config.js。

package.json

在自定义条件编译平台时,可以在 package.json 文件的 env 节点下配置环境变量,具体参考 package.json

.env

CLI 创建的项目中可以在根目录中放置 .env 文件来指定环境变量,具体参考:环境变量。

web专题

跨域

跨域是浏览器的专用概念,指js代码访问自己来源站点之外的站点。比如A站点网页中的js代码,请求了B站点的数据,就是跨域。 A和B要想被认为是同域,则必须有相同的协议(比如http和https就不行)、相同域名、和相同端口号(port)。

由于uni-app是标准的前后端分离模式,开发h5应用时如果前端代码和后端接口没有部署在同域服务器,就会被浏览器报跨域。

部署时的跨域解决方案(主要是针对后端)

调试时的跨域解决方案

方案1 使用HBuilderX内置浏览器

方案2 配置webpack-dev-server代理

下面是一篇比uni官网文档更详细的配置指南,这里就直接贴地址了:uni-app踩坑+小改造 - 掘金

方案3 给浏览器安装跨域插件,禁止浏览器报跨域

相关内容

热门资讯

哪款空调划算 环保用户关注新一... 当夏日蝉鸣渐起,冬夜寒意悄然攀窗,节能环保关注者不再满足于基础冷暖——他们需要真正懂空气、惜能源、护...
2026空调性能排行榜 小空间... 夏日午后的宿舍楼道里,风扇嗡鸣、墙面微烫,而隔壁房间却静得只听见翻书声——那台悄然运行的空调正以近乎...
美股午盘走低道指下挫880点,...   北京时间7月30日凌晨,美股周三午盘继续下跌,道指跌逾880点。美国国债收益率走高。市场静待美联...
谎称认识领导能办理船牌号   本报讯 临高男子王某谎称“认识领导”,以帮助办理船牌号、申请造船指标为名,骗取表哥符某36.1万...
浙江坤博精工股东减持计划届满:... 2026年7月27日,浙江坤博精工科技股份有限公司(以下简称“公司”)发布股东减持股份结果公告,披露...