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

相关内容

热门资讯

8月18日南方中证电池主题ET... 数据显示,8月18日,南方中证电池主题ETF(159147)遭净赎回135.64万元,位居当日股票E...
华夏中证全指食品ETF(159... 数据显示,8月18日,华夏中证全指食品ETF(159151)遭净赎回451.53万元,位居当日股票E...
新锦动力:8月18日获融资买入... 8月18日,新锦动力涨1.25%,成交额1.60亿元。两融数据显示,当日新锦动力获融资买入额940....
云图控股:8月18日获融资买入... 8月18日,云图控股涨2.16%,成交额3.03亿元。两融数据显示,当日云图控股获融资买入额2512...
中海达:8月18日获融资买入7... 8月18日,中海达跌1.24%,成交额5126.47万元。两融数据显示,当日中海达获融资买入额760...