《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 给浏览器安装跨域插件,禁止浏览器报跨域

相关内容

热门资讯

重大通报作弊器!乐乐上海麻将a... 重大通报作弊器!乐乐上海麻将ai智能透视辅助插件,乐乐上海麻将本来存在有外挂(有辅助挂方略)1、很好...
分享给玩家透视挂!家乡大贰ai... 分享给玩家透视挂!家乡大贰ai智能透视辅助工具,家乡大贰其实真的有外挂(有辅助挂细节)家乡大贰破解侠...
科普攻略开挂!英豪娱乐城ai智... 科普攻略开挂!英豪娱乐城ai智能透视辅助教程,英豪娱乐城好像真的是有外挂(有辅助挂头条)1、英豪娱乐...
总算了解辅助器!和悦游戏ai智... 总算了解辅助器!和悦游戏ai智能透视辅助教程,和悦游戏确实是真的有外挂(竟然有辅助挂)暗藏猫腻,小编...
揭秘关于辅助器!九九麻将ai智... 揭秘关于辅助器!九九麻将ai智能透视辅助技巧,九九麻将一贯是有外挂(有辅助挂方略)1、用户打开应用后...