1. 思路
1.1 springboot微服务相关
- 比如我sprinboot总共有3个微服务ABC ,
A:A服务负责和前端交互,端口为8080
B: A服务所生产的发邮件、信息等都是去访问B服务,这个时候A跨服务调用B,B的端口是8081
C:A服务接口的搜索比如elasticsearch
等相关的都在C服务上,这个时候A跨服务调用C,C的端口是:8082
- 但是和前端页面交互的只有A服务的
8080
端口,相信A端口怎么去调用BC大家都知道,也有很多方式,这里主要说一下,前端怎么去和后端的8080整合
1.2 前端react、VUE相关打包部署
-
一般来说,前端开发是VUE和react,开发的时候步骤无非是下面三个:
-
. 安装相关依赖命令是:
npm install
-
. 使用命令启动命令是:
npm run dev
一般来说,前端的开发人员都会用一个3000的端口启动,比如http://localhost:3000
,然后在里面测试开发,但是真正部署到线上还是要打包的,就是下面的第四步 -
打包,会出现一个dist文件夹,里面会有html和一些静态文件,命令是
npm run build
-
但是我要说重点了,你用react或者vue开发的时候,打包发布的时候,一定要把所有的路由请求(AJAX请求)发到
8080
端口上,比如下面两个配置,分别是前端开发环境和线上环境
'use strict'
const me