nginx配置微前端

前言

微前端

配置

]# mkdir -p /data/deploy/openresty/qiankun/conf.d
]# cd /data/deploy/openresty/qiankun
]# cat > default.conf <<-EOF
server {listen       80;server_name  localhost;location / {try_files $uri $uri/ /index.html;root   /usr/local/openresty/nginx/html/base;index  index.html index.htm;}location ^~ /basic {try_files $uri $uri/ /index.html;alias /usr/local/openresty/nginx/html/basic;}location ^~ /equipment {try_files $uri $uri/ /index.html;alias /usr/local/openresty/nginx/html/equipment;}# location ^~ /(.*) {#     try_files $uri $uri/ /index.html;#     if $1 != "" then#         # rewrite "/(.*)" "/usr/local/openresty/nginx/html/$1" last;#         alias /usr/local/openresty/nginx/html/$1;    # 或者使用：rewrite "/(.*)" "/usr/local/openresty/nginx/html/$1" last;#     else#         # rewrite "/(.*)" "/usr/local/openresty/nginx/html/base" last;#         alias /data/web/qiankun/main;    # 或者使用：rewrite "/(.*)" "/usr/local/openresty/nginx/html/base" last;# }# location ^~ /(.*) {#     try_files $uri $uri/ /index.html;#     if ($1 != "") {#         # rewrite "/(.*)" "/usr/local/openresty/nginx/html/$1" last;#         alias /usr/local/openresty/nginx/html/$1;    # 或者使用：rewrite "/(.*)" "/usr/local/openresty/nginx/html/$1" last;#     } else {#         # rewrite "/(.*)" "/usr/local/openresty/nginx/html/base" last;#         alias /usr/local/openresty/nginx/html/base;    # 或者使用：rewrite "/(.*)" "/usr/local/openresty/nginx/html/base" last;#     }# }error_page   500 502 503 504  /50x.html;location = /50x.html {root   /usr/local/openresty/nginx/html;}}
EOF
]# cat > nginx.conf <<-EOF
pcre_jit on;error_log  logs/error.log;events {worker_connections  1024;
}http {include       mime.types;default_type  application/octet-stream;access_log  logs/access.log;client_body_temp_path /var/run/openresty/nginx-client-body;proxy_temp_path       /var/run/openresty/nginx-proxy;fastcgi_temp_path     /var/run/openresty/nginx-fastcgi;uwsgi_temp_path       /var/run/openresty/nginx-uwsgi;scgi_temp_path        /var/run/openresty/nginx-scgi;sendfile        on;keepalive_timeout  65;include /etc/nginx/conf.d/*.conf;}
EOF
]# cat > docker-compose.yml <<-EOF
version: "3.5"
services:Qiankun:image: openrestycontainer_name: Qiankunhostname: Qiankunports:- 80:80  volumes:- /data/deploy/openresty/qiankun/nginx.conf:/usr/local/openresty/nginx/conf/nginx.conf:ro - /data/deploy/openresty/qiankun/conf.d:/etc/nginx/conf.d:Z- /data/web/qiankun:/usr/local/openresty/nginx/html:Z- /data/volume/openresty/logs/qiankun:/usr/local/openresty/nginx/logs:Zrestart: alwaystty: true
EOF

注：查看前端文件主路径下的目录，其目录跟nginx配置路由有关

]# tree -d /data/web/qiankun
/data/web/std/qiankun
├── base
│   ├── icons
│   └── user
│       └── images
├── basic
│   ├── icons
│   └── user
│       └── images
└── equipment├── icons├── static└── user└── images

结语

Vue+微前端(QianKun)落地实施和最后部署上线总结

nginx配置微前端相关推荐

Vue项目打包部署Nginx配置及前端缓存问题解决
目录 1.部署单个站点 2.部署多个站点 3.缓存问题解决 1.部署单个站点配置如下 server {listen 80;server_name localhost;location / {root ...
nginx配置和前端跨域问题
本文使用的是ubuntu版本的,使用的是解压版安装的http://nginx.org/en/download.html上可以获取当前最新的版本. 解压缩nginx-xx.tar.gz包. 进入解压缩目 ...
微前端框架SingleSpa Vue实践
一.主应用 1.npm i single-spa 安装single-spa: 2.main.js同级目录增加single-spa的配置文件single-spa-config.js: // single ...
爱奇艺号微前端架构实践
前言近来,微前端的概念非常火爆,那么什么是微前端架构?微前端架构是一种架构风格类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应 ...
爱奇艺基于 Vue 的微前端架构实践
点击上方"开发者技术前线",选择"星标" 18:50 在看真爱来自:爱奇艺技术产品团队前言近来,微前端的概念非常火爆,那么什么是微前端架构?微前端架构是 ...
qiankun 传统项目配置_微前端 qiankun 项目实践
原标题:微前端 qiankun 项目实践作者:zxh1307 https://juejin.im/post/5ea55417e51d4546e347fda9 导语最近在做微前端的项目 , 过程中真 ...
qiankun 传统项目配置_前端微服务
见内容解决的问题常见讨论观点:微前端的核心价值在于 "技术栈无关" 微前端的公司,基本上都是做 ToB 软件服务的,没有哪家 ToC 公司会有微前端的诉求,因为很少有 ToC ...
nginx配置前端反向代理
本地这里有两个端口: 8080:前端页面 80:后端接口在nginx配置 listen 8888;server_name 127.0.0.1;location / {root html;proxy_ ...
部署前端项目 Linux系统的nginx配置
为什么80%的码农都做不了架构师?>>> 一.本地文件上传到服务器 scp -r /c/Develop/manage-system/dist/* username@server ...

nginx配置微前端

前言

配置

结语

nginx配置微前端相关推荐

最新文章

热门文章