vue项目打包后请求不到数据的问题

最新推荐文章于 2024-05-24 13:54:24 发布
最新推荐文章于 2024-05-24 13:54:24 发布
阅读量8.5k 收藏 21
点赞数 1
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45581741/article/details/107582015
版权

vue项目打包后请求不到数据的问题

为什么我们在开发vue项目的时候需要配置反向代理，原因是因为我们本地开发的时候会出现跨域的问题，这个时候就需要反向代理来帮我们处理跨域的问题，但是有些开发者在开发完项目的时候，会直接打包，直接打包的话就会出现问题，请求不到数据，是因为我们打包后的项目根本就不会出现跨域了，因为我们在开发的时候走的是本地8080端口，所有才有跨域，打包完之后不用走本地端口所有就不会出现跨域了，所以我们在打包之前要先把我们的反向代理给注释掉，这样才不会出现数据请求出错的问题
在这里插入图片描述
在这里插入图片描述

全栈进阶中........
关注
  • 1
    点赞
  • 踩
  • 21
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
vue打包后，接口请求404的完美解决方案
10年职场两茫茫，35岁凄凉奈若何
09-24 2070
vue打包后，接口请求404的完美解决方案
Vue项目打包到服务器后请求接口报错404
speano的博客
05-22 1万+
解决Vue项目打包到服务器后请求接口报错404问题。
vue项目能够在线下请求到后台数据，打包部署到服务器nginx后请求失败
最新发布
Tianxuan_kong的博客
05-24 267
vue打包后，默认选择production配置，在开发时，没有配置该文件，导致请求时失败。
Vue打包部署IIS无法请求
从入坑到入土
12-31 1337
ARRv3_0 下载安装URl重写URL Rewrite 第一步安装，IIS配置，打开 第二步,点击 Server Proxy Settings 第三步，选中 应用 Vue打包部署 配置URL重写规则 编写规则后，点击应用 重写路径一vue.config.js保持一致 请求成功 ...
vue项目打包发布到Nginx后无法访问后端接口解决办法
weixin_42485732的博客
03-30 7083
【代码】vue项目打包发布到Nginx后无法访问后端接口解决办法。
vue中发送网络请求，请求不到数据？
qq_42467075的博客
09-16 1316
list列表渲染不到页面上？ 这里的this指向函数并不指向vue，所以才无法将data的值赋给vue中的list，此时就没有list数据，表格为空。 空的表格 改为箭头函数,此时this指向vue。 下面表格中呈现出数据。 ...
vue antdesign 今天打包项目出现报错，请求不到数据问题
艾米的猫儿的博客
04-06 568
请求 cdn 网络超时问题处理
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
10-15
本文将详细介绍如何解决Vue3项目打包后部署到服务器请求不到后台接口的问题。 首先，我们要理解问题的根本原因。在本地开发时，我们通常会使用Vue CLI的`vue.config.js`配置文件中的`devServer.proxy`选项来设置...
vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作
10-14
综上所述，解决Vue项目打包成APP后API请求不到数据的问题，主要是取消跨域代理，调整API请求的URL为绝对地址，以及检查打包后的路径配置。在遇到不同环境下表现不一致时，应逐一排查网络、设备和代码层面的可能因素...
解决vue脚手架项目打包后路由视图不显示的问题
10-18
总结来说，解决Vue CLI项目打包后路由视图不显示的问题，关键在于正确配置Vue Router的`base`选项，并在服务器端设置适当的路由重定向。这需要开发者对前端路由和服务器配置有深入的理解。通过这些调整，你的Vue项目...
解决vue+elementui项目打包后样式变化问题
11-19
main.js中的引入顺序决定了打包后css的顺序，组件内的样式没有生效可能是被第三方组件样式覆盖了，所以把第三方组件放在前面引入，router放在后面引入，就可以实现组件样式在第三方样式之后渲染。 代码如下： main....
解决vue本地环境跨域请求正常，版本打包后跨域代理不起作用，请求不到数据的方法
热门推荐
zezeadede555的博客
03-28 2万+
问题：在本地使用了proxyTable代理可以正常跨域请求后台数据，打包上传后就无法获得后台的json文件。查看了相关资料可以用nginx进行解决。还可以使用命名环境变量，请求的时候进行判断，话不多说上干货 1、dev.env.js进行配置 module.exports = merge(prodEnv, { NODE_ENV: '"development"' API_HOST:"//lo...
vue项目打包之后接口出现错误解决方式
温情
04-03 5887
错误信息 这是新建一个项目还原问题，node简单写了个数据返回 请求代码 const express = require('express') const app = express(); // 解决跨域问题 app.use(function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header('Access-Control-Allow-Methods', 'PUT, GET, POS
vue项目打包app问题解决
一茗道人 ~~ ~ 阿亮-的博客
07-06 2802
vue项目打包app问题解决
springboot接收不到vue发送axios请求中的数据
STATICHIT静砸的博客
11-06 1549
但由于前端用params包裹起来了，后端接收的确是params内部的username和password，所以前后端对应不上，导致前端的post请求找不到对应的接口，找不到对应的接口所以报了404错误。表面上看是跨域问题，但是我换一个get方法却可以正常响应，不会报跨域问题，查询资料发现，有时候会因为bad request导致程序以为是跨域的问题，引起跨域问题的报错。或者说，两边都没有问题，只是没有使用同一种格式，这才是问题所在。当时的前端写的，是传出去了参数的，但注意这里的参数最外层是params。
vue项目中通过WebSocket实现实时消息提示及遇到的问题
weixin_46995731的博客
01-12 1万+
vue项目中通过WebSocket实现实时消息提示(前端代码) 需求说明 后台有新增消息通知,并实时推送给用户端,用websocket可以很方便的解决这个问题,但是websocket有个弊端不兼容IE8,9.由于我是搞前端的所以一下都是涉及的代码. 实现过程 1.在前端建立连接 在methods创建websocket连接 //websocket实时获取数据 initWebSocket(){ if(this.websocket){ this.websocket.close() this.w
vue 项目通过 npm run build 打包以后页面找不到内容
Blue__Summer的博客
03-20 4415
顾名思义这是一个路径问题！！！！！ 当项目build后打开dist/index.html你会发现页面什么都没有（空白页），查看页面console 惊奇的发现一片红 更改点一： 此时你需要查看你的配置文件webpack.config.js(vue.config.js) 是否配置了publicPath:'./', module.exports = { publicPath: './', // 执行 npm run build 统一配置路径 } 再次打包index.html 就..
vue-element-admin打包发布遇到的坑
qq_41157351的博客
07-20 2610
1.打完包，运行index.html访问不到资源 Failed to load resource: net::ERR_FILE_NOT_FOUND 原因是 默认的 vue-admin-template 中的 vue.config.js 中的 publicPath 是 ‘/’, 这样会导致打包出来的js都是 / 开头的，即是根路径下的文件，但我们往往不需要这样，修改为 ‘./’， 意思为当前路径下。 2.静态资源加载成功后，点击登录页面不跳转问题 问题原因： 大部分vue 前段项目 会使用 js-cook
vue 项目 run build 打包后页面空白 资源加载失败的问题
weixin_52485890的博客
09-16 5137
vue 项目 run build 打包后页面空白 资源加载失败的问题
vue3项目打包后部署到服务器 请求不到后台接口
05-10
如果vue3项目打包后无法请求到后台接口，可能是因为以下原因： 1.后台接口路径错误：部分服务器的配置可能不同，导致后台接口的路径和本地环境中的路径不一致。因此，需要确保在部署到服务器之前，后台接口的路径是...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值