前后端项目在同一域名下

这样做的好处就是在一起，找起来方便，而且后端的接口也可以直接使用域名（不用暴露IP和端口号），要不然前端请求就是https://127.0.0.1:8080，直接就是https://www.baidu.com来调用接口

前端在dist中；后端在node中

但需要配置Nginx文件信息（反向代理），调接口时的api后缀也可以不要的，配置一下就行了

location /api {
  # 隐藏真实后端路径
  proxy_pass http://127.0.0.1:8080;

  # 安全相关头信息
  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_set_header X-Forwarded-Proto $scheme;

}

location /api {
  # 隐藏真实后端路径
  proxy_pass http://127.0.0.1:8080;

  # 安全相关头信息
  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_set_header X-Forwarded-Proto $scheme;

}

这个前端只需要调用https://www.baidu.com/api就行了

前后端项目在同一域名下 ​

前后端项目在同一域名下