如何使用以api开头的请求url中的端口代理到我的域

Question

我在端口3000上设置了一个环回3。我的前端应用程序是用Vue JS构建的。(我把dist文件上传到了服务器上(。每当我调用api时(https://example.com/api/xxx)，我需要代理(https://example.com:3000/api/xxx)以避免cors问题。

如何解决此问题？

仅供参考，环回和vueJS托管在同一个web服务器(apache，centos8(上

Answer 1

使用NGINX反向代理https://docs.nginx.com/nginx/admin-guide/web-server/reverse-proxy/

http://localhost:5000-指向Vue.js应用程序http://localhost:3000-指向您的REST API应用程序

server {
listen 80;
server_name example.org;
location / {
proxy_pass http://localhost:5000;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header Host $host;
}
location ^ ~/api {
proxy_pass http: //localhost:3000;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header Host $host;
}
}