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 设置得好，部署上线不需要做任何改动。
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue 如何引入本地某个文件 require，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
本文章向大家介绍vue组件中的数据共享，主要包括vue组件中的数据共享使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下2022-12-12
跨域问题的出现是因为浏览器的同源策略问题，如果没有同源策略我们的浏览器将会十分的不安全，随时都可能受到攻击，今天小编通过本文给大家介绍下vue 处理跨域问题，感兴趣的朋友一起看看吧2021-09-09
这篇文章主要介绍了详解基于iview-ui的导航栏路径（面包屑）配置,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-02-02
前端开发中,用户体验是至关重要的,图像上传是许多 web 应用中经常需要的功能之一,为了提升用户的交互体验,拖拽上传功能可以减少用户的操作步骤,本文将介绍如何使用 Vue 3实现一个简单的图片拖拽上传功能,需要的朋友可以参考下2024-08-08
这篇文章主要介绍了基于Vue实现拖拽效果,文中给大家介绍了clientY pageY screenY layerY offsetY的区别讲解，需要的朋友可以参考下2018-04-04
在本文中我们给大家分享了关于vue环形进度条组件的使用方法以及实例代码，需要的朋友们跟着测试下吧。2018-10-10
这篇文章主要介绍了基于 Vue 的 Electron 项目搭建过程，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-07-07
本文将详细介绍前端性能优化的7大手段，包括减少请求数量、减小资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和构建优化2020-02-02
在业务中列表拖拽排序是比较常见的需求,下面这篇文章主要给大家介绍了关于vue中实现拖拽排序功能的详细教程,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-08-08
最新评论