部署项目遇到的问题汇总

部署项目遇到的问题汇总

问题一:nginx部署完成后,访问后端的接口返回CORS跨域请求

思考:我部署的前后端都在同一个宿主机上,访问的ip都是相同的,不应出现跨域才对。

解决:当你的nginx有如下配置(该配置通常用于本地开发环境)

server {
    listen       80;
    server_name  xxx.aliyun.com;
    location / {
        root   html;
        index  index.html index.htm;
        proxy_pass   http://127.0.0.1:8080;
     }
}

线上环境下:
你会发现spring boot tomcat server接受到的post请求url的host信息是http://127.0.0.1,但是请求的origin信息是http://xxx.aliyun.com。 此两者不一致,spring boot tomcat server返回403状态码和Invalid CORS request内容。

修复方法1:
nginx里添加配置:proxy_set_header Host $host;

server {
    listen       80;
    server_name  xxx.xxx.xxx.xxx;
    location / {
        root   html;
        index  index.html index.htm;
        proxy_set_header  Host $host;
        proxy_pass  xxx.xxx.xxx.xxx:6666;
     }
}

这时spring boot tomcat server接受到的post请求url的host信息就不是127.0.0.1了

解决来源:
链接:https://www.jianshu.com/p/99b2534c7737
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

问题二:nginx同时部署两个前端项目

需求:项目中有前台的前端和后台管理端的前端两个项目,都需要部署在同一个nginx中,并使用不同的二级域名访问如

front.xxx.com
admin.xxx.com

解决:

①在nginx目录下的ntml目录下建两个文件夹,分别存放两个项目的打包后的文件

②在nginx配置文件中配置两个server,可以使用相同的端口,但是server_name一定要区分开

#user  root;
worker_processes  1;
events {
  worker_connections  1024;
}
http {
  include       mime.types;
  default_type  application/octet-stream;
  sendfile        on;
  keepalive_timeout  65;
  server {
      listen       80;
      charset      utf-8;
      server_name  front.xxx.com; #前台项目
      location / {
          root   /usr/share/nginx/html/dist;#注意当前项目的地址
          try_files $uri $uri/ /dist/index.html;#注意当前项目的地址
          index  index.html index.htm;
          error_page 405 =200  $request_uri;
      }
      location /api {
          proxy_pass http://112.xxx.xx.35:6666;
          proxy_set_header  Host $host;
          proxy_redirect default;
	  	rewrite ^/api/(.*) /$1 break;
      }
  }
  server {
      listen       80;
      charset      utf-8;
      server_name  admin.xxx.com; #后台管理系统
      location / {
          root   /usr/share/nginx/html/static;#注意当前项目的地址
          try_files $uri $uri/ /static/index.html;#注意当前项目的地址
          index  index.html index.htm;
          error_page 405 =200  $request_uri;

          proxy_pass http://112.xxx.xx.35:6666;
          proxy_set_header  Host $host;
          proxy_redirect default;
	  	rewrite ^/api/(.*) /$1 break;
      }
      error_page   500 502 503 504  /50x.html;
      location = /50x.html {
          root   html;
      }
  }
}

问题三:nginx访问ftp服务器下的静态文件

需求:使用FTP文件服务器作为静态页面的存放位置,但是nginx要怎么才能访问到里面的静态html文件呢?

解决:

①docker-compose.yml文件中的nginx挂载

这里的/home/ftp/root是ftp文件服务器在宿主机中的根目录

这里的/var/local是nginx服务的虚拟容器中的存放静态页面的地址

②nginx配置文件中配置/ftp路径的映射地址

location /ftp/ {
      	alias /var/local/root/webpages/;#ftp服务器中的文件映射nginx中的位置【前提是要在nginx的挂载那里要挂载该目录】   
      	autoindex on;
}

③修改项目中访问静态页面的地址:ip+路径映射+文件的相对根目录的路径

export const STATIC_PAGE_BASE_URL = "http://112.124.55.35/ftp/staticPages/"

路径拼接逻辑:

大功告成??

no!虽然不是404了,但是变成了403!这是因为权限不够,需要在nginx.cnf文件顶部加一行

完成!

posted @ 2023-04-04 17:17  wfxx  阅读(126)  评论(0编辑  收藏  举报