本地Vue请求ip+端口api接口跨域问题怎么解决


nginx 配置
本地Vue请求ip+端口api接口跨域问题怎么解决

《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
讨论数量: 6

最简单的办法 在你的request里面加一句这个 file

4年前 评论

nginx.conf

location / {
        if ($request_method = 'OPTIONS') {
             add_header 'Access-Control-Allow-Origin' '*';
             add_header 'Access-Control-Allow-Credentials' true;
             add_header 'Access-Control-Allow-Methods' 'POST, GET, DELETE, PUT, PATCH, OPTIONS';
             add_header 'Access-Control-Allow-Headers' 'Origin, X-NewRelic-ID, X-Requested-With, Content-Type, Accept, Connection, User-Agent, Cookie, Authorization';
             add_header 'Access-Control-Max-Age' 1728000;
             add_header 'Content-Type' 'text/plain; charset=utf-8';
             add_header 'Content-Length' 0;
             return 200;
        }

        proxy_set_header Host $http_host;
        proxy_set_header Connection "keep-alive";
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

        if (!-e $request_filename) {
             proxy_pass http://xxx.com;
        }
    }
4年前 评论
荭尘宝宝 (楼主) 4年前

vue本地也可以部署在域名上,改一下vite/compack的配置就行了

4年前 评论

本地最方便的还是使用 vue的 devServer 配置。 参考这里 cli.vuejs.org/zh/config/#devserver...

4年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!