美文网首页
umi qiankun部署在同一个ip和端口

umi qiankun部署在同一个ip和端口

作者: LXEP | 来源:发表于2022-12-13 14:44 被阅读0次

nginx配置

server {
    listen 80;
    listen [::]:80;
    # root /var/www/html/xxx.cn;
    # index index.html index.htm;
    server_name xxx.cn www.xxx.cn;
    
    add_header Access-Control-Allow-Origin *;
    add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
    add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';
    
     # 主应用
    location / {
        root /var/www/html/xxx.cn;
        index index.html index.htm;
        try_files $uri $uri/ /index.html =404;
    }
    
     # app1-react 子应用app1
    location /app1-react {
        # 前端打包后静态文件所在位置,可以和上下文路径不一致,注意 root 和 alias 的用法
        alias   /var/www/html/xxx.cn/sub/app1-react/;
        index  index.html index.htm;
        # 处理 单页面应用 路由模式为 history 模式刷新页面 404 的问题
        try_files $uri $uri/ /index.html =404;
    }
    
     # app2-react 子应用app1
    location /app2-react {
        # 前端打包后静态文件所在位置,可以和上下文路径不一致,注意 root 和 alias 的用法
        alias   /var/www/html/xxx.cn/sub/app2-react/;
        index  index.html index.htm;
        # 处理 单页面应用 路由模式为 history 模式刷新页面 404 的问题
        try_files $uri $uri/ /index.html =404;
    }
    
    location ~ ^/favicon.ico$
    {
        root /var/www/xxx.cn;
    }
    
    #error_page  404              /404.html;
    error_page  404              /404.html;
    location = /404.html {
        root   html;
    }
    
    # redirect server error pages to the static page /50x.html
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   html;
    }
}

相关文章

  • umi3 + qiankun 搭建微前端

    本文介绍 qiankun 的主应用和微应用都使用 umi3 搭建。 umi3 + qiankun 开发篇[http...

  • 微前端的入门初体验

    我是使用 umi ,所以直接使用了配套的 qiankun 插件 @umijs/plugin-qiankun[htt...

  • 微前端(qiankun)-主应用非umi子应用为umi

    背景 由于umi提供了自己的微前端插件plugin-qiankun,而主应用并不是使用umi搭建的,就会涉及主应用...

  • docker 部署 kafka

    部署zookeeper 部署kafka集群 改一改端口和ip,这样两个节点就部署完了 进入kafka容器创建top...

  • SpringBoot 2.0 版本(一) Consul 服务注册

    0.为什么需要服务注册和发现 在传统应用中,应用部署都是部署在一台物理机器上,ip地址和端口是固定的。这些可能配置...

  • Nginx 403 error:directory index

    现象:在部署好Nginx服务器后,输入IP地址和端口号,返回403 Forbiddent。查看日志nginx/lo...

  • Android无线调试

    1: 打开手机5555端口,这个端口是默认端口。 2: 连接手机的ip,这样就不需要实体线了。 3: 在同一个局域...

  • 使用 Fiddler 的代理服务器后手机无法上网

    1、确认 ip 输入无误 2、确认端口 8888 正在运行 3、确认手机代理设置正确,且和电脑在同一个 wifi ...

  • nuxt 踩坑

    1. 部署到阿里云 无法通过 ip:端口 访问 npm build 好后部署到阿里云 centos服务器 curl...

  • IP和端口

    一、ip地址 用来在网络中标记一台电脑,在本地局域网上是唯一的 ip地址组成:网络地址+主机地址 [图片上传中.....

网友评论

      本文标题:umi qiankun部署在同一个ip和端口

      本文链接:https://www.haomeiwen.com/subject/ngphqdtx.html