Vue Webpack:上传到共享主机 url 刷新后返回 404 Not Found

Posted

技术标签:

【中文标题】Vue Webpack:上传到共享主机 url 刷新后返回 404 Not Found【英文标题】:Vue Webpack: After upload to shared hosting url refresh return 404 Not Found 【发布时间】:2018-12-07 14:18:18 【问题描述】:

这是我第一个使用 Vue 和 Firebase 的项目。我在本地运行该项目,一切正常。将 dist 文件上传到我的共享主机后,除 URL 外,一切正常。当我进行任何刷新时,它会给我带来 404 Not Found 页面。

注意:在我的本地服务器上一切正常。

【问题讨论】:

你能分享你的firebase.json文件吗?如果你使用路由器,你的router.js文件 请检查 ....我添加了我的 firebase、路由器和 main.js 文件 【参考方案1】:

您提供的信息很少(几乎没有),所以我不得不猜测:

您没有将后端配置为支持在历史模式下运行的路由器。

如何做到这一点取决于您使用的后端 - 此处的路由器文档中记录了一些解决方案:

https://router.vuejs.org/guide/essentials/history-mode.html

如果您的共享主机不允许您相应地自定义配置,您将不得不:

切换到“哈希”模式进行路由 寻找更好的托管服务提供商

【讨论】:

以上是关于Vue Webpack:上传到共享主机 url 刷新后返回 404 Not Found的主要内容,如果未能解决你的问题,请参考以下文章

部署 laravel + vuejs 到共享主机

Vue webpack 正在将 #/ 添加到所有 URL

Vue Cli Webpack 后台 url 路径问题

如何在共享主机上部署 laravel websockets?

如何将 laravel vue 站点部署到共享主机

webpack / vue-cli / sass 出错:“无法从共享对象映射段:不允许操作”