linux下通过nginx部署前后分离的微服务项目

  1. 准备环境
    • Java1.8 (v1.8.0_131+)
    • Nacos( v1.0.3+) (服务注册与发现中心)
    • Redis (v3.2.00+)
    • RabbitMq (v3.7+)
    • DB2(v10.1+)
    • Maven (v3+)
    • Nodejs (v10.14.2+) (暂时无用)
    • Nginx(v1.8.1+) (用于启动前端)

  2. 创建数据库ccim,创建Schemas DB2CCIM并执行sql脚本
    • Ccimdata.sql(表数据)
    • Ccimsql.sql(表结构)

  3. 启动nacos服务发现&配置中心,并导入公共配置文件
    • nacos访问地址 http://172.1.2.26:8848/nacos/index.html
    • 导入配置 /docs/config/DEFAULT_GROUP.zip(nacos1.0.3以上版本支持一键导入)

  4. 配置vue项目config目录下index.js文件,并打包vue项目
    • 修改pro地址为pro: ‘http://172.1.2.26:8888’
    • 打包命令:npm run build

  5. 后台项目打jar包,上传到服务器并启动
    • 需要上传的jar包:open-cloud-base-server.jar 、open-cloud-uaa-admin-server.jar 、open-cloud-api-spring-server.jar
    • 微服务架构对root服务进行cleal,install
    • 启动命令:nohup java -jar XXX.jar

  6. 配置nginx服务器conf目录下nginx.conf文件,将vue项目放入nginx静态页面(html)目录下
    server {
    listen 8080;(vue项目访问端口)
    server_name 172.1.2.26;(本地ip)
    #vue项目的打包后的dist
    root /usr/local/nginx/html/dist;(vue项目打包后dist文件存放目录)
    access_log logs/host.access.log main;
    location /{
    try_files $uri $uri/ @router;#需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404
    index index.html index.htm;
    }

#对应上面的@router,主要原因是路由的路径资源并不是一个真实的路径,所以无法找到具体的文件
#因此需要rewrite到index.html中,然后交给路由在处理请求资源
location @router {
rewrite ^.*$ /index.html last;
}
}
7. 访问vue端口8080,部署成功

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值