家政项目day1 配置说明前端

目录

  • 1.配置
    • 1.1 开发环境
    • 1.2 配置虚拟机
    • 1.3 编写nacos配置中心
    • 1.4 配置OSS存储
    • 1.5 配置高德地图api
  • 2 设计前端并且进行部署
    • 2.1 开发环境
    • 2.2 安装类库
    • 2.3 修改代码
    • 2.4 试运行前端
      • 2.4.1 OSS配置验证

1.配置

1.1 开发环境

由于个人资金问题,可能担负不起8h8g的服务器,因此可能不会搭建演示网站了
在这里插入图片描述

1.2 配置虚拟机

包括拉取镜像,运行容器等等
在这里插入图片描述

1.3 编写nacos配置中心

将redis、mysql等等配置都写入nacos配置中心
在这里插入图片描述

1.4 配置OSS存储

其中微服务jzo2o-publics提供通用的上传图片接口,图片服务器使用阿里的OSS存储。
在这里插入图片描述

1.5 配置高德地图api

jzo2o-publics提供通用的地图定位接口,地图定位服务使用高德地图。
在这里插入图片描述

2 设计前端并且进行部署

2.1 开发环境

开发工具版本号
node.js14.19.1
WebStorm2024
cnpm10.0.22621

2.2 安装类库

提前下载好了类库,之后使用cnpm install || yarn 进行安装
在这里插入图片描述

2.3 修改代码

2.4 试运行前端

在这里插入图片描述

2.4.1 OSS配置验证

在这里插入图片描述
上传图片成功说明OSS配置没问题

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/839777.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

llama3入门训练和部署

教程一 https://www.youtube.com/watch?voxTVzGwKeoU https://www.youtube.com/watch?voxTVzGwKeoU 下载 alpaca 数据集(斯坦福大学的数据集,通过gpt 转换成) https://huggingface.co/datasets/shibing624/alpaca-zh将自己的数据集json …

React-JSX基础

什么是JSX 概念:JSX是JavaScript和XML(HTML)的缩写,表示在JS代码中编写HTML模板结构,它是React中编写UI模板的方式 优势:1.HTML的声明式模板写法 2.JS的可编程能力 JSX的本质 JSX并不是标准的JS语法&…

我为什么做Python知识区up主,前半年总结,后半年展望

这是一篇关于上半年我的python课程的一个总结篇。那在上半年的也就是今年的大年30大年30的时候,我发了一个视频。我说我想带1000个人学习djangovue分离课程。那么截止到2024年5月13号,我的任务我的前半年任务已经圆满完成。现在来做一下复盘。当时说的做…

sd手部异常的修复和重绘

助教老师: 用多个controlnet模型来生成 分别是openpose depth softedge,你可以试试,这样出的图手部也还不错 再加上正向和负向的手部提示词 三个同时启用 比用openpose editor直接调整的效果更好 对电脑性能要求会高些 或者也可以试下controlnet的hand-refiner预处理器 手部…

学习现货黄金分析技术前 有3点注意

投资者要做现货黄金交易,就需要懂得分析技术,通过分析投资者能找到市场的交易机会。其实分析也是对现货黄金市场进行思考的过程,未经分析而得到的入场机会,失败的可能性是较大的。但是我们在学习现货黄金分析技术之前,…

在做题在学习(60):和可被K整除的子数组

974. 和可被 K 整除的子数组 - 力扣(LeetCode) 解法:前缀和 哈希表 同余定理 同余定理: 而此题要求返回能被k整除(%k 0)的子数组的个数,如下图: 把问题转化为——> 有多少个前缀和的余数 sum%k &a…

D60SB60-ASEMI整流桥D60SB60参数、封装、尺寸

编辑:ll D60SB60-ASEMI整流桥D60SB60参数、封装、尺寸 型号:D60SB60 品牌:ASEMI 封装:D-SB 批号:2024 特性:插件、整流桥 平均正向整流电流(Id):60A 最大反向击穿…

PyQt下拉框QComboBox点击下拉时即更新下拉数据

在 PyQt 中,QComboBox 控件本身并没有直接的事件或信号来指示下拉列表何时被打开(即用户点击了下拉箭头)。但是,你可以通过其他方式间接地实现这个功能,比如通过重写 QComboBox 的某些方法或者在用户与 QComboBox 交互…

无符号整形(size_t)使用时候的注意事项

size_t是标准库中经常会出现的一个关键字,其表示一个无符号整形,在标准库中经常用其来表示大小。比如: strlen()的返回值就是size_t等等。 无符号整形的使用过程中有一点特别需要注意,就是两个无符号的数据计算的结果还是无符号类型。 举个例…

C++---运算符重载

运算符重载介绍 在类中重新定义运算符,赋予运算符新的功能以适应类的运算,就称为运算符重载。 运算符重载是一种形式的C多态,它使得对象操作更直观,本质上也是属于函数重载。 实际上,我们已经在不知不觉之中使用了运算符重载。例如&#xff…

编一个自己的万年历

编一个自己的万年历 前阶段突然想查一下某一天是星期几,于是自己编了一个[小程序][https://blog.csdn.net/weixin_41905135/article/details/138972055?spm1001.2014.3001.5501],但是功能很单一,就是单纯的查是星期几。(虽然用网…

IRFB3207PBF TO-220 N沟道75V/180A 直插MOSFET场效应管

英飞凌(Infineon)的 IRFB3207PBF 是一款高性能的 N 沟道 MOSFET,适用于多种电子设备和系统中的高侧开关应用。以下是 IRFB3207PBF 的一些典型应用场景: 1. 电源管理:在电源管理系统中,IRFB3207PBF 可以作为…

【LeetCode】【4】寻找两个正序数组的中位数(2105字)

文章目录 [toc]题目描述样例输入输出与解释样例1样例2 提示Python实现二分查找划分数组 个人主页:丷从心 系列专栏:LeetCode 刷题指南:LeetCode刷题指南 题目描述 给定两个大小分别为m和n的正序(从小到大)数组nums1…

SpringBoot学习之SpringBoot是什么?有哪些优势?(通俗易懂版)

一、什么是SpringBoot?什么是约定优于配置? SpringBoot 是一个基于 Spring 框架的快速开发应用程序的开源框架,简化了Spring应用的初始搭建和开发过程。使用了特定的方式进行配置使开发人员不再需要定义样板化的配置,使用最少的配…

2024年是不是转行AI产品经理的机会?

首先从一个公司的微观角度来谈谈这一年来公司对AI看法的转变。一年前自己在某大厂做了一件小事:在商家后端嵌入一个小功能:智能生成商品卖点描述,商品评价描述。那时候是一个边缘项目,我们对接的AI 底层团队基本没什么活儿可以接&…

Java面试八股之Synchronized和ReentrantLock的区别

Synchronized和ReentrantLock的区别 实现级别: synchronized是Java的一个关键字,属于JVM层面的原生支持,它通过监视器锁(Monitor)来实现同步控制,无需手动获取和释放锁。 ReentrantLock是java.util.conc…

本地centos7+docker+ollama+gpu部署

1、一台有 NVIDIA GPU 驱动的机器 2、Docker CE安装 # 删除旧版本的 Docker(如果存在) sudo yum remove -y docker docker-common docker-selinux docker-engine # 安装必要的软件包: sudo yum install -y yum-utils device-mapper-persiste…

更新web文件40秒后生效

服务器web服务使用的是nginx。 经测试,上传文件后大约40秒后生效。 更新文件不立即生效。 网上资料说根nginx中sendfile选项有关。 在nginx配置文件中,http区域里将sedfile设置为off,重启nginx服务。 谷歌浏览器强制刷新一次,…

Java研学-RBAC权限控制(七)

八 表单验证 1 Bootstrap-validator Bootstrap-validator是一个基于 Bootstrap 的表单验证插件&#xff0c;它可以帮助开发者更方便地进行表单验证&#xff0c;提高用户体验。 ① 引入插件 <!--引入验证插件的样式文件--><link rel"stylesheet" href"…

docker中安装jenkins,并在node和cloud上跑通基于源码控制SCM的pipeline

目录 一、摘要 二、部署和使用 1. docker部署jenkins 1.1 准备数据目录 1.2 拉取jenkins镜像并启动 1.3 初始化配置 1.3.1 登录容器查看初始化密码 1.3.2 访问jenkins并输入初始化密码 1.3.3 创建管理员账户 1.3.4 初始化完成 2. jenkins使用之多分支流水线 2.1 准…