Vue处理404跨域错误

最新推荐文章于 2024-05-08 17:24:53 发布

m0_71489733

最新推荐文章于 2024-05-08 17:24:53 发布

阅读量647

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/m0_71489733/article/details/128269819

版权

我这个问题是比较棘手的，因为用3000端口可以访问服务器数据，但是切换到我的Vue脚手架项目却出现如下问题

想到了我常遇到的跨域解决方案，其一CORS，其二Proxy 后者主要是用在服务器不可以修改的场景操作如下

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

m0_71489733

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vue 解决跨域问题404问题

pot成长之路

12-11

3490

1、config/index.js：proxyTable加代理 proxyTable: { '/model_manager/*': { target: 'http://localhost:8085', //源地址 changeOrigin: true, //是否跨域 ws: true, pathRewrite: { '^/model_manager': '/model_manager' //路径重写

vue发布到服务器接口404_记录一次解决Vue跨域请求接口404问题

weixin_39652658的博客

12-20

2087

前端使用VUE接口使用 laravel服务器用的是宝塔1.修改laravel的cors，添加一个cors的中间件2.需要nginx的反向代理，(nginx.conf配置文件)laravel 操作：https://www.cnblogs.com/phpk/p/10923128.html中间件在 Laravel 中允许跨域请求，我们可以在app/Http/Middleware/文件夹下构建一个追加响应...

参与评论您还未登录，请先登录后发表或查看评论

Vue开发中遇到的跨域问题及解决方法

10-15

在本篇文章里小编给大家整理的是关于Vue开发中遇到的跨域问题及解决方法，需要的朋友们可以学习下。

vue加跨域代理静态文件404_vue-cli 设置跨域代理线上地址报404

weixin_39785723的博客

12-19

265

vue-cli 设置跨域代理，本地正常访问，线上地址报404。这是什么原因？vue-cli中跨域代理设置：module.exports = {dev: {// PathsassetsSubDirectory: 'static',assetsPublicPath: '/',proxyTable: {'/api': {target: 'https://xxx.xxx-xxx.com',changeOr...

跨域接口上线404

最新发布

Conan_LU7的博客

05-08

294

2.请求头 config.headers["Access-Control-Allow-Headers"] = "Content-Type,Access-Token";（未测试，不确定能否解决）问题：请求不同域名的接口，本地运行正常，部署上线后404。解决方法：1.后端ngnix配置。

vue3前端解决跨域问题和资源404问题

weixin_44022996的博客

03-29

444

新建vue.config.js。

Vue项目中跨域问题解决方案

08-27

在开发Vue项目时，我们经常会遇到跨域问题，这主要是由于浏览器的安全策略限制了不同源之间的请求。跨域问题可以通过多种方式解决，本文主要讲解在使用vue-cli搭建的项目中，如何通过更改Header和使用...

Vue动态加载图片在跨域时无法显示的问题及解决方法

10-15

具体到Vue项目，当图片资源的路径通过动态绑定到src属性时，由于请求被转发到了后端服务器，而图片实际上位于前端静态资源目录中，造成后端服务器返回404错误。在实际开发中，我们通常会使用Webpack工具来打包静态...

vue-socket.io跨域问题有效解决方法

10-15

在本文中，我们将详细讨论如何解决Vue-Socket.IO在跨域环境下的问题。首先，让我们理解一下问题的背景。在开发环境中，Vue CLI提供了一个内置的热模块替换（HMR）服务器，该服务器默认不允许跨域请求。当你的Vue...

vue使用axios跨域请求数据问题详解

08-29

需要注意的是，jsonp 库的第一个参数是错误处理函数，第二个参数是数据处理函数。结论在本文中，我们详细介绍了 Vue 使用 Axios 跨域请求数据的问题，并提供了一些解决方案。我们可以使用后台解决跨域问题，也...

解决Vue调用springboot接口403跨域问题

10-16

这就是为什么在开发前后端分离的项目时，通常会出现跨域错误的原因。 ### 解决方案 #### 使用@CrossOrigin注解在Spring Boot应用中，可以通过在Controller层的某个方法上添加@CrossOrigin注解来允许跨域访问。该...

vue解决跨域问题

qq_41566366的博客

07-16

2988

vue中如何实现跨域关于vue中如何解决跨域的问题，可以参考这篇文章 https://blog.csdn.net/wh_xmy/article/details/87705840 vue中如何实现多域名跨域多域名跨域，就是该项目中不仅仅只有一个接口需要跨域，可能有两个三个接口都需要跨域。如果是多域名跨域，可以在proxyTable中写多个匹配规则 pathRewrite的作用&proxyTable实现跨域的流程在上面的文章中，有这样一句话：“// 替换target中的..

vue跨域多数据源配置和第二个报错404问题解决方法

不忘初心

03-28

1478

注意两个api的名字,不能是包含关系,不然会404,比如一个 "/api" 另外一个"apia" 这样会报错404 proxyTable:{ "/apia":{ target:"http://11.36.4.9:8046",//后端接口的域名 //secure:false,//如果是https接口，需要配置这个参数 ...

vue跨越解决；及代理之后会出现404

YC2chen的博客

08-16

1780

4.要是以上都没有问题还是404 那就是缓存了，换浏览器，多重启几次！我的就是莫名奇妙就好了。1.根目录下创建vue.config.js。

图片跨域报错404

Satosere的博客

10-08

1351

图片跨域报错404 文章目录图片跨域报错404前言一、总结前言一、总结提示：这里对文章进行总结：例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。 ...

IIS下网站对options请求直接返回404

weixin_30851409的博客

05-10

1174

什么是options请求 options请求为发送非简单跨域请求前的预检请求，若该请求未正常返回，浏览器会阻止后续的请求发送。一般情况下，有三种方式会导致浏览器发起预检请求 1.请求的方法不是GET/HEAD/POST 2.POST请求的Content-Type并非application/x-www-form-urlencoded, multipart/form-data 或 tex...

VueCil代理本地proxytable无效报错404的解决方案

热门推荐

JCat的博客

04-29

1万+

前言因为项目中遇到了这个bug：Vue代理本地proxytable成功，却无效报错404，在后端和代理都配置无误的情况下，还是报404，先已解决，特记录，希望能帮助到他人；正文 1. 为什么要使用代理？代理的作用是：把请求代理转发到其他服务器的中间件；例如：我们当前主机为http://localhost:8080/，现在我们有一个需求，如果我们请求/api，我们不希望由3000来处理这个请...

ajax跨域服务器404,Ajax和跨域

weixin_26873711的博客

08-05

447

集成用多了连这都忘了系列(三)AJAX1.什么是Ajaxajax=异步js和XML，是一种用于创建快速动态网页的的技术，可以在整个网页不刷新的情况下对网页的某一部分进行更新.2.ajax工作原理ajax原理.PNG3.XMLHttpRequest对象3.1 创建XMLHttpRequest对象var xml=new XMLHttpRequest()实战代码：var xmlhttp;if(windo...

Vue前端proxy代理解决完跨域问题后报错404(Not Found)

angrynouse的博客

07-28

4397

Vue前端proxy代理解决完跨域问题后报错404(NotFound)

vue-cli跨域代理后404

09-08

在使用Vue-cli进行开发时，我们常常会遇到跨域的问题。为了解决这个问题，我们可以使用vue.config.js文件进行代理设置。首先，打开项目根目录下的vue.config.js文件。其次，我们需要在该文件中添加一个devServer选项，来进行代理的配置。具体代码如下： ``` module.exports = { devServer: { proxy: { '/api': { target: 'http://example.com', // 需要跨域的域名 changeOrigin: true, // 是否进行跨域 pathRewrite: { '^/api': '' // 将/api替换为空字符串 } } } } } ``` 其中，target指定了需要跨域请求的域名。changeOrigin设置为true表示开启跨域。pathRewrite用于重写请求地址，将/api替换为空字符串。最后，保存文件并重新运行项目。此时，我们就成功地设置了跨域代理。然而，有时候我们可能会遇到404错误。这通常是因为代理的地址不正确，或者目标服务器无法处理正确的路由地址。我们需要确保target的值和实际需要跨域请求的域名一致。另外，需要确保pathRewrite中的替换规则正确。如果以上操作仍然无法解决问题，可以参考目标服务器的接口文档，确认请求地址是否正确。同时，可以使用开发工具的网络面板查看请求的详细信息，以便进行进一步的排查。总结：使用vue-cli进行跨域代理时，可以通过配置vue.config.js文件来解决跨域问题。如果出现404错误，需要检查配置是否正确，并确认目标服务器是否能正确处理请求。