微服务前端部署

本文介绍了在微服务架构中如何部署前端应用。首先,在config机器上安装必需的软件如jdk1.8, mysql, redis, nacos 和 nginx。接着,修改前端Vue项目的vue.config.js配置,特别是index.js和vue.config.js文件。执行`npm run build:prod`生成dist包,并将其放在指定目录。然后,配置nginx,包括设置worker_processes、listen端口、server_name以及代理设置。最后,启动nginx,成功访问指定域名即表示前端部署完成。" 103690176,9224292,CentOS 6.5 伪集群配置指南,"['Linux', '集群搭建', '大数据', 'CentOS6.5', 'Hadoop']
摘要由CSDN通过智能技术生成

四.config机器前端部署
1.在config机器上安装jdk1.8,mysql,redis,nacos,nginx安装流程我就不一一解释了,大家可自行百度,后面我会贴上必要的配置信息

2.修改前端的vue.config.js的配置
配置修改:前端ui文件中的index.js文件、vue.config.js文件
如下图:

在这里插入图片描述

在这里插入图片描述
3.修改后在前端执行 npm run build:prod 生成dist包文件,放到config服务器的/home/ruoyi/projects/ruoyi-ui目录下

 

 

4.nginx.conf配置


worker_processes  1;

events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;


    sendfile        on;

    keepalive_timeout  65;

    server {
        listen       80;
        server_name  localhos

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

cai_code

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值