SpringCloud+vue+element-ui+docker前後端項目實踐到部署（一）

環境準備，前後端項目搭建

1.vue-cli腳手架搭建

首先安裝node，cmd輸入node -v查看是否安裝成功

安裝淘寶npm鏡像

npm install -g cnpm --registry=https://registry.npm.taobao.org

初始化vue-cli項目

進入新建文件夾，全局安裝vue-cli腳手架 cnpm install -g vue-cli

 

初始化webpack

 

vue init webpack nba-demo

安裝成功後導入webstrom

進入對應文件夾路徑執行npm start

簡單的vue-cli腳手架創建成功了

2.SpringCloud項目搭建

爲了方便測試這裏會使用idea新建一個註冊中心，一個配置中心，兩個客戶端

創建Eureka註冊中心

eureka server創建，eureka項目

啓動類添加

@EnableEurekaServer註解

yml修改爲

eureka:
  client:
    service-url:
      defaultZone: http://localhost:8761/eureka/
    register-with-eureka: false
spring:
  application:
    name: eureka
server:
  port: 8761

啓動成功

eureka client創建，client1,client2客戶端創建

啓動類添加註解

@EnableDiscoveryClient

pom文件添加依賴

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-web</artifactId>
</dependency>

yml添加配置

eureka:
  client:
    service-url:
      defaultZone: http://localhost:8761/eureka/
spring:
  application:
    name: client1
server:
  port: 8081

啓動項目，註冊客戶端成功

client2項目，跟client1項目就一致，只修改了端口，client2爲8082端口

eureka高可用

當其中一臺的服務發生故障時不影響整體服務狀況，不能因爲一臺服務器的問題導致服務停止，高可用的方法有三種：主從方式、雙機雙工方式、集羣工作方式。

eureka服務相互註冊，在defaultZone用逗號的方式添加其他eureka服務的地址，客戶端在defaultZone添加所有eureka服務的地址就能實現了eureka的高可用。

SpringCloud+vue+element-ui+docker前後端項目實踐到部署（六）

SpringCloud+vue+element-ui+docker前後端項目實踐到部署（五）

SpringCloud+vue+element-ui+docker前後端項目實踐到部署（四）

SpringCloud+vue+element-ui+docker前後端項目實踐到部署（三）

SpringCloud+vue+element-ui+docker前後端項目實踐到部署（二）