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 设置得好,部署上线不需要做任何改动。

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • VSCode搭建vue项目的实现步骤

    VSCode搭建vue项目的实现步骤

    本文主要介绍了VSCode搭建vue项目的实现步骤,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02
  • 详解vue-cli下ESlint 配置说明

    详解vue-cli下ESlint 配置说明

    这篇文章主要介绍了详解vue-cli下ESlint 配置说明,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • Vue3 封装 element-plus 图标选择器实现步骤

    Vue3 封装 element-plus 图标选择器实现步骤

    这篇文章主要介绍了Vue3 封装 element-plus 图标选择器,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-09-09
  • Vue.js轮播图走马灯代码实例(全)

    Vue.js轮播图走马灯代码实例(全)

    这篇文章主要介绍了Vue.js轮播图走马灯,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • 如何通过Vue3+Element Plus自定义弹出框组件

    如何通过Vue3+Element Plus自定义弹出框组件

    这篇文章主要给大家介绍了关于如何通过Vue3+Element Plus自定义弹出框组件的相关资料,弹窗是前端开发中的一种常见需求,文中通过代码介绍的非常详细,对大家的学习或者工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2024-05-05
  • Vue项目如何安装引入使用Vant

    Vue项目如何安装引入使用Vant

    Vant是一个专为移动端设计的轻量级组件库,自2017年开源以来,提供了Vue2、Vue3及多平台版本支持,安装Vant时需要注意版本兼容问题,Vue3项目应安装最新版Vant3,而Vue2项目则需安装Vant2,安装错误时,需卸载后重新安装正确版本
    2024-10-10
  • 关于vue的列表图片选中打钩操作

    关于vue的列表图片选中打钩操作

    这篇文章主要介绍了关于vue的列表图片选中打钩操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-09-09
  • django+vue实现注册登录的示例代码

    django+vue实现注册登录的示例代码

    这篇文章主要介绍了django+vue实现注册登录的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05
  • 关于vue属性使用和不使用冒号的区别说明

    关于vue属性使用和不使用冒号的区别说明

    这篇文章主要介绍了关于vue属性使用和不使用冒号的区别说明,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-10-10
  • vue3使用拖拽组件draggable.next的保姆级教程

    vue3使用拖拽组件draggable.next的保姆级教程

    做项目的时候遇到了一个需求,拖拽按钮到指定位置,添加一个输入框,这篇文章主要给大家介绍了关于vue3使用拖拽组件draggable.next的保姆级教程,需要的朋友可以参考下
    2023-06-06

最新评论