提问：Nginx部署完vue前端项目并配置https证书后不能访问后台api接口，请问nginx.conf文件应该怎样正确配置？

Question

我想在vue前台项目实现https访问，另外后台api接口是http的访问方式，这样造成了跨域访问，所以在登陆页面尝试登陆的时候就不能访问

如下是nginx.conf部分配置代码块

server {
       listen       443 ssl;
       server_name  xxx.test.top;
       ssl_certificate /usr/local/nginx/cert/test1/test1.pem;

       ssl_certificate_key /usr/local/nginx/cert/test1/test1.key;

       ssl_session_cache   shared:SSL:1m;

       ssl_session_timeout  5m;

       ssl_ciphers  HIGH:!aNULL:!MD5;

       ssl_prefer_server_ciphers  on;

       location / {
           root   /usr/local/nginx/html/test;
           index  index.html index.htm;
       }
    }

    server {
       listen       80;
       server_name  xxx.test.top;
       rewrite ^(.*)$ https://${server_name}$1 permanent;
    }

请问在以上的配置文件代码块需要怎样增加或减少才能完成访问？

Answer 1

nginx 需要配置 proxy_pass 到你的后端系统就可以了。

Answer 2

1. https 网页无法访问 http 接口
2. 都是 https 的话加个 cors 头就行了
3. 建议按楼上说的，proxy_pass 代理到某个路径下面，比如 /api，这样最省事儿