location / { # 当.env.development文件中的VUE_APP_BASE_API为空时，即直接为: /
proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE-HOST $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_pass http://192.168.3.59:8080/bbb; #当.env.production文件中的VUE_APP_BASE_API = '/bbb'，请求接口变更
前端 后端 分离的项目 部署到一个服务器上，前端用的vue，后端用的 springBoot
我之前的想法认为 我的 前端vue 放到Tomcat容器中，然后后端是 springBoot 项目直接启动 在用Nginx 配置代理 后端的 端口
重点：其实 并不是我认为的那样，是我 前端vue 挂到 Nginx 上 然后 Nginx 代理后端 端口号进行访问
步入正题：
前端应用程序通过axios，调用后端的服务。在vite中，通常会通过配置proxy来绑定服务的IP和端口号。同时，也可以修改它的相对地址。
举个例子说明一下：
在vite.config.js中，设置了如下的代码：
server: {
port: 7071,
host: "0.0.0.0",
open: true,
proxy: {
'/dev-api': {
target: 'http://localhost:7070',
changeOrigin: t
文章目录Vue 项目后端接口框架搭建一、Express 框架1、Express 框架介绍2、Express 框架特性二、Express 框架开发1、Express 全局下载2、框架构建（1）基本框架 index.js\router（2）图表路由文件基本配置（3）创建服务（4）测试服务接口三、api 接口数据创建
Vue 项目后端接口框架搭建
一、Express 框架
1、Express 框架介绍
Express 是一个基于Node平台的web应用开发框架，它提供了一系列的强大特性，帮助你创建各种W..
k8s1.5版本支持创建deployment吗
看报错是不支持，但不像是版本太老，是你文件里的api写的不对，你说的报错也太模糊，起码把yaml和报错截图贴出来。
如何在Kubernetes上进行微服务部署
使用Rancher来运行Kubernetes有很多优势。大多数情况下能使用户和IT团队部署和管理工作更加方便。...
1. Nginx配置文件错误
您需要检查Nginx的配置文件是否正确。您需要确认您已经将所有后端服务的端口映射到了Nginx的域名或IP地址上，并且您已经正确地配置了代理服务器以将请求转发到正确的端口。
2. Vue项目的跨域设置
Vue项目需要设置允许跨域请求后端接口。您需要将后端服务器的地址配置到Vue项目的baseUrl，同时在Vue项目中添加对应的跨域配置，让Vue项目能够向后端服务器发出请求。
3. 后端服务故障
后端服务可能已经停止运行、崩溃或配置错误。您需要检查后端服务器是否正常运行，查找相关的错误信息，并修复问题。
综上所述，如果您的Vue项目无法访问后端服务，需要检查Nginx配置文件是否正确、Vue项目的跨域设置是否正确，以及是否存在后端服务故障等原因。根据问题的具体情况进行排查并寻找解决办法。
