时间:2021-05-19
本文主要介绍了nginx前后端同域名配置的方法实现,分享给大家,具体如下:
upstream dfct {# ip_hash; server 121.41.19.236:8192;} server { server_name ct.aeert.com; location / { root /opt/web; try_files $uri $uri/ /index.html; error_page 405 =200 http://$host$request_uri; } location ^~/web/ { proxy_set_header Host $proxy_host;# proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_pass http://121.41.19.236:8192/; } listen 443 ssl; # managed by Certbot ssl_certificate /etc/letsencrypt/live/ct.aeert.com/fullchain.pem; # managed by Certbot ssl_certificate_key /etc/letsencrypt/live/ct.aeert.com/privkey.pem; # managed by Certbot include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot } server { if ($host = ct.aeert.com) { return 301 https://$host$request_uri; } # managed by Certbot listen 80; server_name ct.aeert.com; return 404; # managed by Certbot }前后端分离的项目,前端和后端可以用不同的域名,也可以用相同的域名
以下为前后端使用相同域名情况:
一、前端使用,后端使用api.xxx.com
server {server_name ;location / { root /tmp/dist; index index.html; try_files $uri $uri/ /index.html; } }server {server_name api.xxx.com;location / {uwsgi_pass 127.0.0.1:8000;include /etc/nginx/uwsgi_params; }}二、前端使用,后端使用/api/
1、uwsgi如果是使用http方式可以这样配
server {server_name ;location / { root /tmp/dist; index index.html; try_files $uri $uri/ /index.html; }location ^~ /api/ { proxy_pass http://127.0.0.1:8000/; }}2、uwsgi如果是使用socket方式的话需要这样配
server {server_name ;location / { root /tmp/dist; index index.html; try_files $uri $uri/ /index.html;}location ^~ /api/ { proxy_pass http://127.0.0.1:8080/; }}server {listen 8080;location / {uwsgi_pass 127.0.0.1:8000;include /etc/nginx/uwsgi_params; }}到此这篇关于nginx前后端同域名配置的方法实现的文章就介绍到这了,更多相关nginx前后端同域名配置内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
前后端分离项目,前后端共用一个域名。通过域名后的url前缀来区别前后端项目。以vue+php项目为例。直接上server模块的nginx配置。?12345678
1:安装nginx步骤就不说了,自行百度。2:打开nginx的配置文件nginx.conf这是项目1的配置,现在需要再开个同域名不同端口的项目,如下图:注意:L
前后端分离,使用nginx解决跨域问题前端:vue.js+nodejs+webpack后台:SpringBoot反向代理服务器:nginx思想:将前端代码打包,
写在前面工程为前后端分离设计,使用Nginx为前端资源服务器,同时实现后台服务的反向代理。后台为JavaWeb工程,使用Tomcat部署服务。前端框架:Boot
实验环境前端nginx:ip192.168.6.242,对后端的wordpress网站做反向代理实现复杂均衡后端nginx:ip192.168.6.36,192