vue打包后,用后端接口报错304、404问题
更新时间：2023年05月19日 08:36:40 作者：鹿鹿迷路了iii
这篇文章主要介绍了vue打包后,用后端接口报错304、404问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
vue打包用后端接口报错304、404
问题描述
后端打包部署成功以后，更换了地址信息，前端修改vue.config,js中代理跨域的配置，但是前端打包后出现接口报错304、404
解决办法
在axios请求中修改配置对象baseURL：
baseURL: process.env.NODE_ENV === "development" ? "" : "http://112.74.72.92:8085"
位置如下图：
vue项目打包上线后接口地址报错问题
代理设置的作用是你要访问后端的请求直接发到当前站点，因此你的 api 路径都应该是不含 hostname 的相对路径
部署到生产环境时，只要相对路径保持不变，就不需要任何设置。
如果开发环境下的 api 路径和生产环境的路径不一致，那么一定可以通过设置 proxyTable 使之一致。
因此，结论是，只要 proxyTable 设置得好，部署上线不需要做任何改动。
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
elementUI Vue 单个按钮显示和隐藏的变换功能(两种方法)
小编最近遇到这样的需求，当点击一个按钮可以变换里面字的内容，刚开始还真是一头雾水，不知所措。仔细想想屡屡思绪，很容易的解决了。接下来通过本文给大家介绍elementUI Vue 单个按钮显示和隐藏的变换功能,需要的朋友可以参考下2018-09-09
基于element-ui中el-select下拉框选项过多的优化方案
这篇文章主要介绍了基于element-ui中el-select下拉框选项过多的优化方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-04-04
这篇文章主要介绍了vue实现的双向数据绑定操作,结合完整实例形式较为详细的分析了vue.js进行数据双向绑定操作的常见实现方法与相关操作技巧,需要的朋友可以参考下2018-12-12
Vue3响应式原理分析(Proxy(obj,{get(){},set(){}}))
文章详细分析了Vue3的响应式原理,包括Proxy对象的get和set方法,以及双向数据绑定,通过代码示例展示了Vue3和Vue2在set方法上的区别,说明了Vue3能够正确修改值而Vue2不能2025-10-10
Vue项目开发实现父组件与子组件数据间的双向绑定原理及适用场景
在 Vue.js 中,实现父组件与子组件数据之间的双向绑定,可以通过以下几种方式,下面我将介绍几种常见的方法,并解释它们的实现原理和适用场景,感兴趣的朋友跟随小编一起看看吧2024-12-12
这篇文章主要介绍了Vue中foreach数组与js中遍历数组的写法说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2021-06-06
近期做的项目比较杂,涉及到前端框架的工作,遇到了许多问题,记录一下这个比较棘手的问题,下面这篇文章主要给大家介绍了关于vue3中cookie的详细使用方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-08-08
使用vue-antDesign menu页面方式(添加面包屑跳转)
这篇文章主要介绍了使用vue-antDesign menu页面方式(添加面包屑跳转),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-01-01
这篇文章主要为大家介绍了vue源码解读子节点优化更新示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
这篇文章主要介绍了Vue3.0中如何监听props方法，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
最新评论