项目部署服务器(踩坑记录)
比较详细的部署过程可以点击这里查看
这里主要记录下部署过程中的踩坑(持续更新)
--2023.2.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/; # 转发地址 这里要填你的服务器后端地址 } } }
进行配置后,前端应该就能访问后端接口了。
-
后端接口返回404 ( 路径错误问题 )rewrite的问题
rewrite 的意思是重写,在前端vite的配置文件里,如果你写了的话也会有这一项,目的就是重写接口路径。
如果你需要重写,就配置;不需要,就删掉。
如果你前端配置里重写了路由,但是后端没有及时根据你的规则更改路由命名,就会导致像我一样报404.
分类:
项目部署
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?