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


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

《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 6

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

3年前 评论

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;
        }
    }
3年前 评论
荭尘宝宝 (楼主) 3年前

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

3年前 评论

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

3年前 评论

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