vue - 详解配置反向代理后，项目出现白屏的情况，js、css文件404问题解决方案（Vue解决项目白屏以及反向代理）

十一猫咪爱养鱼

已于 2025-01-15 17:20:06 修改

阅读量5.6k

点赞数 21

CC 4.0 BY-SA版权

分类专栏：前端常见问题解决前端组件与功能(开箱即用) 文章标签： javascript vue.js css

于 2023-12-20 10:02:14 首次发布

本文链接：https://blog.csdn.net/weixin_50545213/article/details/135100881

前端组件与功能(开箱即用) 同时被 2 个专栏收录

385 篇文章 ¥9.90 ¥99.00

订阅专栏

前端常见问题解决

146 篇文章 ¥9.90 ¥99.00

订阅专栏

本文详细介绍了Vue项目在配置反向代理后出现白屏和js、css文件404的问题。问题源于尝试设置Axios的baseURL时遇到未定义的错误。解决方案包括检查变量定义、使用默认参数和链式表达。同时，文章提供了Vue项目中History模式404问题的解决方法，并讨论了反向代理在本地和线上部署时的注意事项，帮助开发者理解和解决此类问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题说明

添加反向代理代码后，前端运行白屏。

// 设置baseURL，8888是后端端口号，前端请求默认发送到baseURL的地址
var axios = require('axios')
axios.defaults.baseURL = 'http://localhost:8888/api'
// 全局注册，之后可在其他组件中通过 this.$axios 发送数据
Vue.prototype