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

街尾杂货店&

已于 2024-09-12 16:03:41 修改

阅读量5.2k

点赞数 21

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

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

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

版权

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

该专栏为热销专栏榜第63名

331 篇文章 1917 订阅 ¥9.90 ¥99.00

订阅专栏

前端常见问题解决

126 篇文章 142 订阅 ¥9.90 ¥99.00

订阅专栏

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

摘要由CSDN通过智能技术生成

问题说明

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

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