Dubbo Admin 是RPC框架Dubbo的服务管理端,新的版本采用前后端分离架构。这个Dubbo Admin的部署,一度让我怀疑阿里开源的可靠性…..所以有了这个填坑记。
作为后端开发,我在对Vue零了解的情况下,看着官方readme文档来,搞了好久也是一脸懵逼!
sudo yum install npm
vim ~/.npmrc
注意: .npmrc
文件可能不存在,可以直接用vim协议一下内容;
registry=https://registry.npm.taobao.org
npm install -g vue-cli
新项目可以初始化一下Vue webpack项目,dubbo-admin-ui就不需要了。
vue init webpack my-project
git clone https://github.com/apache/incubator-dubbo-admin.git cd ./incubator-dubbo-admin/dubbo-admin-ui
npm install
npm run dev
nohup npm run dev > 2019-05-16.log 2>&1 &
原因:
本地的话需要设置成真实的机器IP(局域网地址);
解决办法:
将 index.js
中的dev的host改为: 0.0.0.0
;
原因:
新版的webpack-dev-server出于安全考虑,默认检查hostname,如果hostname不是配置内的,将中断访问。
解决办法:
将package.json的scripts下的dev的值追加 --disableHostCheck=true
cd dubbo-admin-server
zookeeper://165.165.46.1:2181
mvn clear package
mvn --projects dubbo-admin-server spring-boot:run
java -jar dubbo-admin-server/target/dubbo-admin-0.1.jar --server.port=8080
nohup java -jar dubbo-admin-server-0.1.jar --server.port=8080 > 2019-05-06.log 2>&1 &
关于webpack ‘Invalid Host header’ 错误
Webpack Quickstart
Dubbo Admin 官方中文文档
Vue.js 菜鸟教程