[PHP知识库] VUE项目部署上线调用API报错跨域问题：No: ‘Access-Control-Allow-Origin‘ header is present on the requested resource.

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> PHP知识库 -> VUE项目部署上线调用API报错跨域问题：No: ‘Access-Control-Allow-Origin‘ header is present on the requested resource. -> 正文阅读

[PHP知识库]VUE项目部署上线调用API报错跨域问题：No: ‘Access-Control-Allow-Origin‘ header is present on the requested resource.

npm run dev跨域处理方法：

VUE项目工程中的/config/index.js中配置proxyTable
在这里插入图片描述

npm run build跨域处理方法：

编辑 nginx 的配置文件 nginx.conf
在这里插入图片描述
#匹配规则匹配带有api前缀的接口
location /api {
#增加允许跨域消息头
add_header ‘Access-Control-Allow-Origin’ ‘*’;
# 需要转发的端口，就是后台的域名
proxy_pass http://47.114.58.228:33939/ouli-api/api;
}