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

最新推荐文章于 2023-10-12 11:27:51 发布
最新推荐文章于 2023-10-12 11:27:51 发布
阅读量223 收藏 1
点赞数
文章标签： nginx vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/RisoKome/article/details/120113097
版权

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;
}

Bravein丶
关注
vue项目跨域问题No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
m0_48390697的博客
09-08 538
vue项目跨域问题No 'Access-Control-Allow-Origin' header is present on the requested resource.
Vue项目中遇到No ‘Access-Control-Allow-Origin‘ header is present on the requested resource. 跨域问题的解决方法
不会有人真的学前端吧
08-02 2515
这是我在公司实习中遇到的问题,提供一下解决办法,可能解决的不是太好。公司有自己的框架..我还看不懂 解决办法: 1.配置反向代理 ----->反向代理传送门 在vue.config.js文件中添加反向代理 devServer: { port: port,//自己的接口 open: true, overlay: { warnings: false, errors: true }, ...
vue代理访问api 报错404 502错误解决
shi860715的博客
03-23 3164
vue代理访问api 报错404 502错误解决 最近有个项目中，因为访问不到api 接口，导致项目页面不可访问 在本地调试中一切显示正常，但是一旦上线就不行: 通过调试模式查看接口访问报错404，找不到接口。 通过postman 查看接口访问地址没有问题 我就猜想是不是因为nginx配置的问题，然后通过实验来测试猜想 1 安装nginx并配置配置文件等映射 docker run -di --name=liubijun_nginx -p 80:80 -v /root/nginx/log:/var/log
vue axios请求出错No 'Access-Control-Allow-Origin' header is present on the requested resource
weixin_40679578的博客
07-30 1万+
在向服务器请求数据的时候，经常报这个错 No ‘Access-Control-Allow-Origin’ header is present on the requested resource 解决方法： 在config/index.js中proxyTable添加 proxyTable: { '/api': { // 要代理...
Vue--使用vue-cli解决跨域问题：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
IT利刃出鞘的博客
09-15 2712
​ 本文介绍Vue如何解决跨域问题：No 'Access-Control-Allow-Origin' header is present on the requested resource。 本文介绍vue-cli方案。本配置方法跟webpack的dev-server一样（除了配置位置不一样以外）。 ​......
Vue项目axios解决跨域问题No 'Access-Control-Allow-Origin' header is present on the requested resource
YiQ137的博客
04-25 1万+
在vue项目中发请求时报了No ‘Access-Control-Allow-Origin’ header is present on the requested resource这个错误，这个错误就是典型的跨域问题 之所以会引发跨域问题，是因为 不同协议的网站不能相互访问 https://baidu.com 不能访问 http.baidu.com ，因为他们一个是http协议，一个是https协...
Vue--使用webpack解决跨域问题：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
IT利刃出鞘的博客
01-23 1079
​ 本文介绍Vue如何解决跨域问题：No 'Access-Control-Allow-Origin' header is present on the requested resource。 本文介绍webpack方案。（也可以用vue-cli来解决，见：这里） ​
VUE axios 跨域问题 No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
lelesidai的博客
07-07 6401
开发环境中，使用axios调用接口时，出现跨域的时候会被浏览器拦截，故而造成请求失败，并且在控制台中显示 No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:8081’ is therefore not allowed access.** 第一步：看看你的项目根部有没有vue.config.js这个文件； 如果没有那你要用“终端”输入“vue ui” 打
Access-Control-Allow-Origin 跨域资源请求报错解决方案
resdust的博客
11-01 3518
做uni-app前端开发时，遇到CORS策略问题： ```json :8081/#/pages/index/index:1 Access to XMLHttpRequest at 'http://api-remote.xxxx.com'/version/getCurrentVersion' from origin 'http://localhost:8081' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header i
vue跨域问题Response to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Ori
忘川的博客
12-23 1万+
每天一个报错，个各不相同。 看见下面的这行报错是不是感觉跟熟悉？ 没错，vue的跨域问题，记录一下我的解决方法并分享给大家 ~ . ~ Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. 那就直接上代码？ module.exports = { devServer: {
【vue】项目打包&部署到tomcat&express部署&无法请求后台接口404&Access-Control-Allow-Origin跨域问题
hanne_lovegood的博客
03-30 8553
cnpm run build 打包到项目文件夹下的dist; vue部署到tomcat 安装express: npm install express -g npm install express-generator -g 配置环境变量 express expressDemo创建项目 npm install下载依赖 把dist目录下的所有文件（static包和index.html）复制到express项目的public文件夹下； npm start 启动项目； 设置页面图标； 404错误 跨域问题 修改端口号
vue-Spring boot跨域问题 :No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
LittleBlackYeal的博客
10-12 178
浏览器 F12 检查 报错：解决：项目新建 类 实现接口：@Override。
Vue解决跨域请求问题，No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
tmd
07-13 3752
1、response设置响应头，让返回数据包中的header中增加允许跨域的信息 response.setHeader("Access-Control-Allow-Origin", "*"); response.setHeader("Access-Control-Allow-Credentials", "true"); response.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-...
VUE开发报错之No 'Access-Control-Allow-Origin' header is present on the requested resource.
热门推荐
PeterOK的博客
06-26 2万+
近来被领导安排去做前端帮忙，使用的是VUE+elementUI。今天完成修改密码功能时，出现如下问题：Failed to load http://xxxxxxxxx/motifyUserPwd: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost...
Vue 跨域请求报错No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
guochiscoding
01-06 1920
坑是一个一个踩出来的。。。 报错如下： Access to XMLHttpRequest at 'http://apps.eshimin.com/traffic/gjc/getArriveBase?name=***&lineid=***&direction=1&stopid=12' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin
Vue axios发送post请求参数太多，接口报错：No ‘Access-Control-Allow-Origin‘ header is present on the requested resou
Queen-Shir的博客
07-04 1589
场景描述： 在进行修改操作时，因为表单里有富文本组件，用户在富文本里编辑的html可能会很长，富文本里的html作为参数传给接口执行updata操作时报错。 Access to XMLHttpRequest at 'http://192.168.*.**:8888/base/infoNews/update? ... ...' from origin 'http://192.168.3.7:8805' has been blocked by CORS policy: Response to p...
VUE+Springboot项目解决请求跨域问题No 'Access-Control-Allow-Origin' header is present on the requested resource
qiaodaima0的博客
09-01 2688
项目采用的是springboot+vue结构，springboot负责写接口后台，vue负责前端显示 但是在请求接口的时候在浏览器上是没有错的，能返回数据，但是vue却报错No ‘Access-Control-Allow-Origin’ header is present on the requested resource 这个就是请求跨域的问题，解决的办法有两种 第一个办法： 在springbo...
vue解决报错 No 'Access-Control-Allow-Origin' header is present on the reques
weixin_44180173的博客
02-26 4073
报错has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 解决：php后台 添加 header("ACCESS-CONTROL-ALLOW-ORIGIN:*");
vue blocked by CORS policy: No Access-Control-Allow-Origin header is present on the requested resource.
最新发布
12-07
如果一个资源的访问没有得到允许，那么就会出现“blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.”的错误提示。解决这个问题的方法有以下几种： 1.在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值