《uniapp基础知识》学习笔记Day37-（Period2）教程之基本配置

语言支持举例

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