多个 VUE 前端工程部署设置、nginx 代理配置

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。

PS:早期 我只有一个 VUE 前端工程:gentle-vue ,加一个 java 后端工程:gentle ,比较好部署。

现在有 2 个 前端工程 (后端工程也有多个)

前后端工程部署方式都是docker ,这个和早期一样,无需改动。

前后端分离工程实现见文章:前后端分离工程实现 (VUE、JAVA)、附全部源码

单独 VUE工程、java 工程的 docker 方式部署见文章:

Docker 方式 部署 vue 项目 (docker + vue + nginx)

Docker 部署应用、jar 工程 docker 方式部署

 

多个 VUE 前端工程部署、nginx 代理配置

1. 预期效果

前端工程 gentle-vue 访问地址:http://ergouzi.fun/gentle-vue/

前端工程 breeze 访问地址:http://ergouzi.fun/

2. 在 VUE 工程中有 3 个地方要设置。

1) config  -->  index.js -->  build 中 设置访问路径:

2)router --> index.js 中设置:

3)index.html  的  <head> 中 新增:<meta base=/gentle-vue/>

前端工程 gentle 的设置就可以了。再有更多则同样设置即可。

3. nginx 配置:

 

 

到此时 前端工程 gentle 已经可以访问到了。

我的另外一个前端工程是直接放在域名路径下,所以不用作 第 2 步中的设置。只要有第 3 步中的代理,前端工程 breeze 就可以访问到了。

4 . 访问效果:

gentle工程:

breeze 工程:

 

OK了。

 

 

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

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

相关文章

FreeSql (二十六)贪婪加载 Include、IncludeMany、Dto、ToList

贪婪加载顾名思议就是把所有要加载的东西一次性读取。 本节内容为了配合【延时加载】而诞生&#xff0c;贪婪加载和他本该在一起介绍&#xff0c;开发项目的过程中应该双管齐下&#xff0c;才能写出高质量的程序。 Dto 映射查询 Select<Tag>().Limit(10).ToList(a > n…

FreeSql (二十七)将已写好的 SQL 语句,与实体类映射进行二次查询

有时候&#xff0c;我们希望将写好的 sql 语句&#xff0c;甚至是存储过程进行查询&#xff0c;虽然效率不高&#xff08;有时候并不是效率至上&#xff09;。 巧用AsTable var sql fsql.Select<UserX>().AsTable((a, b) > "(select * from user where clicks &…

解决: 网站访问报错 AccessDenied (阿里云 OSS + CDN )

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 1. 使用阿里云 OSS服务 CDN 服务后&#xff0c;直接用顶级域名访问个人站点失败&#xff0c;报错如下&#xff1a; <Code>Acces…

二十一世纪Windows简史

摘要&#xff1a;Windows拥有者超过90%的消费级操作系统市场份额&#xff0c;处于龙头老大的位置&#xff0c;那其成长的故事是怎么的&#xff1f;ZDNet总结了21世纪Windows的发展史&#xff0c;以及围绕微软操作系统发生的事情&#xff0c;不妨一看。 据微软4月26日的官方通知…

FreeSql (二十八)事务

FreeSql实现了四种数据库事务的使用方法&#xff0c;脏读等事务相关方法暂时未提供。主要原因系这些方法各大数据库、甚至引擎的事务级别五花八门较难统一。 事务用于处理数据的一致性&#xff0c;处于同一个事务中的操作是一个UnitOfWork&#xff0c;要么全部执行成功&#xf…

VUE 项目中引入 json 配置

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 这个写法还是第一次见到&#xff0c;也不知道是否还有什么环境配置&#xff0c;记录一下&#xff0c;或许以后什么时候也可以参考&#…

新手课堂之汽车灯光操作及位置

驾考科目三模拟夜间灯光操作你了解多少&#xff1f;汽车灯光该如何操作&#xff1f;下面我们随众悦学车网编辑一起来看看吧&#xff01; 科目三考试中&#xff0c;模拟夜间灯光使用是每个学员都要参加的一项考试&#xff0c;那么&#xff0c;汽车灯光包括些什么灯呢&#xff1f…

FreeSql (二十九)Lambda 表达式

FreeSql 支持功能丰富的表达式函数解析&#xff0c;方便程序员在不了解数据库函数的情况下编写代码。这是 FreeSql 非常特色的功能之一&#xff0c;深入细化函数解析尽量做到满意&#xff0c;所支持的类型基本都可以使用对应的表达式函数&#xff0c;例如 日期、字符串、IN查询…

Spring注解 @Qualifier 说明、用法

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 -------------------------------------------- 我是分隔线 --------------------------------------------------- Qualifier&#xf…

科目三中模拟灯光使用考试常见的错误 广州学车网光大国际驾校学车

夜间驾驶虽是 驾照考试中抽选的内容&#xff0c;但科目三中模拟灯光使用考试&#xff0c;还是要了解一下的。以下列出了考试中常见的错误。 1.前照灯非远光状态&#xff0c;听到“请将前照灯变换成远光”指令&#xff0c;不变换或变换错误的或者前照灯在远光状态下&#xff0c;…

FreeSql (三十)读写分离

FreeSql 支持数据库读写分离&#xff0c;本功能是客户端的读写分离行为&#xff0c;数据库服务器该怎么配置仍然那样配置&#xff0c;不受本功能影响&#xff0c;为了方便描术后面讲到的【读写分离】都是指客户端的功能支持。 各种数据库的读写方案不一&#xff0c;数据库端开启…

把 excel 表中的数据 批量修改到指定数据库表中、根据 excel 表中数据修改数据库表中数据

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 1. 收到一张 excel 表&#xff0c;要求根据 “转账时间”一列的值批量修改数据库表中 "放款时间"一列的值。 2. 写出 sql 模…

科​目​三​智​能​考​试​系​统​实​际​道​路​考​试​项​目​评​判​标​准

科目三智能考试系统是将公安部实际道路考试项目评判标准加以量化&#xff0c;重点考学员的驾驶技能、安全意识及文明驾车的理念&#xff0c;并将其融入 各个考试项目之中。 二考试技术指标 1、上车准备 考试开始后&#xff0c;学员应当根据考试员发出的“上车准备”指令后…

FreeSql (三十一)分区分表

分区 分区就是把一个数据表的文件和索引分散存储在不同的物理文件中。把一张表的数据分成N多个区块&#xff0c;这些区块可以在同一个磁盘上&#xff0c;也可以在不同的磁盘上&#xff0c;数据库不同实现方式有所不同。 与分表不同&#xff0c;一张大表进行分区后&#xff0c;他…

FreeSql (三十二)Aop

FreeSql AOP 已有的功能介绍&#xff0c;未来为会根据用户需求不断增强。 审计 CRUD 马云说过&#xff0c;996是修福报。对于多数程序员来说&#xff0c;加班是好事。。。起码不是闲人&#xff0c;不会下岗。 当如果因为某个 sql 骚操作耗时很高&#xff0c;没有一个相关的审计…

SpringMvc 注解 @InitBinder 表单多对象精准绑定接收

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 InitBinder用于在Controller中标注于方法&#xff0c;表示为当前控制器注册一个属性编辑器或者其他&#xff0c;只对当前的Controller有…

2014年科目三智能化考试十大必知事项

一、模拟夜考灯光使用 1&#xff0c;夜间通过急转弯/坡道/拱桥/人行横道/或没有交通信号灯控制的路口&#xff1b; 灯光使用&#xff1a;交替使用远近光(变光2次以上) 2&#xff0c;夜间在窄路窄桥与非机动车会车 灯光使用&#xff1a;近光灯 3&#xff0c;夜间在道路上发生故障…

SpringMVC注解 @initbinder 解决类型转换问题

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 使用 SpringMVC 时&#xff0c;常遇到表单中日期字符串和 JavaBean 的 Date 类型的转换&#xff0c;而 SpringMVC 默认不支持这个格式的…

看了就彻底明白人生!!!

出生一张纸&#xff0c;开始一辈子&#xff1b; 毕业一张纸&#xff0c;奋斗一辈子&#xff1b; 婚姻一张纸&#xff0c;折磨一辈子&#xff1b; 做官一张纸&#xff0c;斗争一辈子&#xff1b; 金钱一张纸&#xff0c;辛苦一辈子&#xff1b; 荣誉一张纸&#xff0c;虚名一辈子…

FreeSql (三十三)CodeFirst 类型映射

前面有介绍过几篇 CodeFirst 内容文章&#xff0c;有 《&#xff08;二&#xff09;自动迁移实体》(https://www.cnblogs.com/FreeSql/p/11531301.html)《&#xff08;三&#xff09;实体特性》(https://www.cnblogs.com/FreeSql/p/11531302.html)《&#xff08;四&#xff09;…