uni-app 支持使用 ts 开发,可参考 Vue.js TypeScript 支持 说明
uni-app 项目中配置环境变量主要有如下三种方式:
在 vue.config.js 中可以修改 webpack 配置,包括环境变量,具体参考 vue-config.js。
在自定义条件编译平台时,可以在 package.json 文件的 env 节点下配置环境变量,具体参考 package.json
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
文件来指定环境变量,具体参考:环境变量。
跨域是浏览器的专用概念,指js代码访问自己来源站点之外的站点。比如A站点网页中的js代码,请求了B站点的数据,就是跨域。 A和B要想被认为是同域,则必须有相同的协议(比如http和https就不行)、相同域名、和相同端口号(port)。
由于uni-app是标准的前后端分离模式,开发h5应用时如果前端代码和后端接口没有部署在同域服务器,就会被浏览器报跨域。
方案1 使用HBuilderX内置浏览器
方案2 配置webpack-dev-server代理
下面是一篇比uni官网文档更详细的配置指南,这里就直接贴地址了:uni-app踩坑+小改造 - 掘金
方案3 给浏览器安装跨域插件,禁止浏览器报跨域