项目部署服务器（踩坑记录）

比较详细的部署过程可以点击这里查看

这里主要记录下部署过程中的踩坑（持续更新）

--2023.2.1

1. 前端项目，打包部署到服务器之后，不请求后端接口。

   出现这个问题，主要是我只是把项目文件丢上去了，并没有去配置nginx；

   所以导致前端的项目怎么都访问不了后端接口，毫无反应；

   这时我们只需要去到nginx的配置文件，进行相应配置即可。

   http {
   ...
   	# 开放 100 端口 访问个人博客内容
       server {
           listen       100;
           server_name  localhost;
           location / {
               root   web/mosaicBlog; #这里不要照抄，根据你的来
               index  index.html index.htm;
               try_files $uri $uri/ /index.html;
           }
           # https跨域配置
           add_header Access-Control-Allow-Origin *;
           add_header Access-Control-Allow-Headers X-Requested-With;
           add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
           # 后端项目配置
           location /api { # 后端项目一
               rewrite  ^/api/?(.*)$ /$1 break;
               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://120.xx.xxx:666/; # 转发地址 这里要填你的服务器后端地址
           }
       }
   }
   
   

   进行配置后，前端应该就能访问后端接口了。

2. 后端接口返回404 （ 路径错误问题 ）rewrite的问题

rewrite 的意思是重写，在前端vite的配置文件里，如果你写了的话也会有这一项，目的就是重写接口路径。

如果你需要重写，就配置；不需要，就删掉。

如果你前端配置里重写了路由，但是后端没有及时根据你的规则更改路由命名，就会导致像我一样报404.