前言近期，业务上有涉及到关于nginx+docker部署的应用场景，虽然docker+nginx的部署模式，在前端领域已经流行有一段时间，但由于自身的一些技术储备不足，在这上面花费了较多的时间和精力，过程很艰难，所幸在一些先行者所留存的资料中得到帮助，最终成功实现所涉及的技术项目基于vue-cli搭建，主要涉及的一些技术有vue、element、nginx、docker，nginx和docker是
文章目录初识 uniapp 配置globalStylepagestabBarcondition 初识 uniapp 配置我们在 pages.json （页面路由） 文件中进行 uniapp 的相关配置，如果你已经自定义的创建了一个 uniapp 程序的话，那么你会看到该文件中有一个 pages 节点下面的每一个对象都是一个页面的相关信息，比如 path 配置页面的相关路径，style 配置该页面
转载
2024-03-19 12:36:08
459阅读
一.创建uniapp项目通过vue-cli创建npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project二.安装依赖：1.pnpm i2.运行项目：将package.json的"dev:mp-weixin": "uni -p mp-weixin",
改为 "serve": "uni -p mp-weixin",
后续可以用pnpm run
背景：项目已通过vue-cli4框架开发并运行在nginx服务器上（使用了nginx的反向代理），现需要将该项目转成桌面端应用程序，选择electron来实现。设想2种解决方案：1、使用electron-quick-start的loadURL方法读取服务的线上url，需要做一个用户URL输入界面便于部署。vue服务的版本迭代部署都和该electron无关；2、vue-cli项目引入electron
转载
2024-05-31 09:52:12
287阅读
nginx安装图解： 安装完成一般常用命令 //或者：安装语句：yum -y install nginx，通过这个安装后，安装的目录在：/usr/sbin。 进入安装目录中， 命令： cd /usr/local/nginx/sbin 启动，关闭，重启，命令： ./nginx 启动 ./nginx -s stop 关闭 ./nginx -s reload 重启若想使用外部主机连接上虚拟机访问端口1
转载
2024-03-16 10:35:42
124阅读
情景：uni-app使用vue框架开发混合APP，虽然APP或者小程序没有跨域，但希望就是写完这个既有H5，又有APP，小程序等，所以能通过后端解决跨域最好。但是不知道是vue的原因还是什么，在PHP接口基类中添加了header头完全不起作用。官方给出的方法也有，具体可以看https://uniapp.dcloud.io/api/request/request。分析：1. 以前的做法是在接口添加以
目录三、vue基础3.1 vue介绍与传统js的差异化 3.2 模板语法3.3 data属性3.4 条件渲染 3.4.1 v-if和v-else3.4.2 v-show3.4.3 v-if和v-show的区别3.5 列表渲染 v-for3.5.1 对数组进行渲染3.5.2 对对象进行渲染3.5.3 key3.6 vue的常用指令3.6.1 v-html3.6.2 v-once3
uni-app两种开发方式第一种：使用DCloud公司提供的HbuilderX编辑工具，我们只需要点击基本的创建按钮，就可以创建一个初步项目了 第二种：就是使用uni-app脚手架开快速搭建项目与开发，该方式是使用传统的node脚手架方式来开发，使用脚手架搭建项目是一名前端工程师的基本功，那么接下来就让我们一起来学习uni-app脚手架的项目搭建吧！第一步 配置全局安装工具1、首先安装node，进
转载
2023-10-16 13:14:18
522阅读
一.简介接下来就呈现出从百度百科得到的nginx的一些基本信息并进行简单的归纳。nginx的前世(怎么出现的):Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点（俄文：Рамблер）开发的，第一个公开版本0.1.0发布于2004年10月4日。nginx的作用(它来干嘛来了):Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器，同时也
笔记中的内容仅适用于HBulider构建的uniapp项目，通过其他方式构建的uniapp项目请参考uni-simple-router官网 uni-simple-router (hhyang.cn) uniapp用到了vue的很多api，但在路由管理的功能上相较于vue-router还是比较欠
转载
2024-02-28 10:26:20
188阅读
uniapp docker 部署
在现代 web 开发中，uniapp 是一个强大的跨平台应用框架，而 Docker 则为应用的部署提供了一致性和灵活性。本篇博文将详细记录如何将 uniapp 应用进行 Docker 部署的过程，帮助开发者更好地管理和部署他们的应用。
## 环境准备
### 软硬件要求
- **操作系统**：Linux、Windows 或 macOS
- **Docker*
uni-app使用process配置多环境 文章目录uni-app使用process配置多环境前言一、个人需求二、使用步骤1.基本使用2.解决思路原打包命令根据原有的命令进行修改3.问题解决总结 前言这里主要是记录开发过程中，因uni-app只支持开发环境和生产环境的接口URL打包，所以每次发布测试环境都需要修改一下api地址，所以为了减少错误，特意研究了一下怎么配置多环境。提示：以下是本篇文章正
转载
2024-07-19 21:43:00
91阅读
# UniApp Docker 部署指南
## 一、部署流程概览
在这篇文章中，我们将指导你如何使用 Docker 来部署一个 UniApp 应用。具体步骤如下：
| 步骤 | 描述 |
|------------------------|-----------------------
原创
2024-08-07 07:42:18
211阅读
路由uni-app页面路由为框架统一管理，开发者需要在pages.json里配置每个路由页面的路径和页面样式。类似的小程序在app.json中配置页面路由相同。所以uni-app的路由用法与Vue Router不同，如仍希望采用Vue Router方式管理路由，可在插件市场搜索Vue-Router。路由路由uni-app有两种页面路由重定向方式：使用导航器组件扩展，调用API重定向。页面栈框架以栈
uni-app 之 数据缓存 铛铛铛~~~之前有写过一个navagator路由的博客，今天就分享一下关于数据缓存的把1.uni.setStorage(OBJECT) 与 uni.getStorage(OBJECT) 这两个是异步缓存，简单说就是将数据放到本地缓存指定的key中，一个存一个取罢了 uni.setStorage(OBJECT) ：将数据缓存在
转载
2024-02-17 13:12:16
60阅读
1.项目准备1.1开发方式uni-app为我们提供2种开发方式：使用DCloud公司提供HBuilderX工具来快速开发；使用脚手架来快速开发（我们这次项目使用此方式）；1.2脚手架搭建项目全局安装，如果你以前安装过就不需要重复安装了。npm install -g @vue/cli创建项目。vue create -p dcloudio/uni-preset-vue dnpicture启动项目（微信
Ununtu服务器安装Nginx与PHP1. 安装Nginx：1.1sudo apt update
sudo apt install nginx验证结果,使用命令：sudo systemctl status nginx若有结果如下则说明成功：但注意，此时只是在服务器上配置好了nginx，执行nginx -v应当可以看到版本号。此外，如果对nginx更新了配置，如增加了PHP解释，则应当重启ngin
一般来说项目会有一个前台和后台，前台用一级域名，后台用二级域名，比如一个项目的域名是www.xxx.com，访问www.xxx.com时自然会访问到前台的首页，而后台一般是www.xxx.com/xxx，一级域名自然很简单，但是配置二级域名(后台)时，就会报js css的404错误root会根据完整的url请求来映射到目录中，而alias会把location后面配置的路径丢弃掉，把当前匹配到的目录
转载
2024-05-08 11:26:37
1058阅读
前言接了个项目，可是我才刚学完三大件，Node还没学完既然接了个项目，那就快速rush掉uniapp吧，顺带学点vue.js简介与基础代码可跨端，常用IOS，安卓，微信小程序和正常网页有插件市场，使用自己的编程环境，HBuilder，再运行中可以使用自己浏览器，也可以安装内置浏览器插件；可以关联微信开发工具，预览页面，微信工具中的安全选项要去掉组件库的东西更加兼容一个空白页面：//vue2必须一个
# 使用Docker部署UniApp项目
在现代的Web开发中，Docker已经成为一种非常流行的容器化解决方案。Docker可以帮助开发者更方便地构建、打包和部署应用程序。本文将介绍如何使用Docker部署UniApp项目，让您的应用程序更容易管理和部署。UniApp是一款基于Vue.js的跨平台应用开发框架，可以快速构建多端应用，如小程序、H5、App等。
## 什么是UniApp？
U
原创
2024-03-25 04:29:57
948阅读
