SPA 的 netlify 部署问题 : netlify. toml 设置

标签 netlify

免责声明:我会使用 a.) Netlify 上的某种支持系统,b.) Netlify 实时聊天 session 或 c.) 通过他们的支持社区来提问,但是a.) 他们不允许你,b.) 他们没有,c.) 你目前无法创建帐户或从 Netlify 本身授权。 (看起来像一个组织,他们并不真正理解什么会真正促使您让您为服务付费)。

无论如何,我在通过 netlify.toml 配置使用 VueRouter 部署 Vue.js SPA 时遇到问题。问题是,SPA 并未处理所有内部路由。我的解决方案一直是将 netlify.toml 配置文件粘贴到我正在部署的存储库的根目录中,内容如下:

# The following redirect is intended for use with most SPAs that handle routing internally.
[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 200

然而,我访问的每条内部路线都会给我:

enter image description here

完全相同 存储库,但 4 个月前部署在我的个人计划中(在同一位置具有相同的 netlify.toml 配置)工作正常。该应用程序还在本地当前部署分支上工作。路由没有坏。有没有其他人因为 Netlify 的这种不一致的重定向方法而受苦?

最佳答案

因此,我的具体解决方法是执行以下操作:

  1. 将 _redirects 文件添加到我的 Vue 应用程序的公共(public)目录,然后:
# The following redirect is intended for use with most SPAs that handle routing internally.
/*    /index.html   200

在那个文件里面。

所以对我来说,重定向的 netlify.toml 配置仍然是错误的。

关于SPA 的 netlify 部署问题 : netlify. toml 设置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59308045/

相关文章:

netlify - 使用 Netlify CMS 收集 Hugo 数据文件中的集合

reactjs - 如何使用纯 React 应用程序设置 NetlifyCMS

forms - 在提交表单后执行异步功能

netlify - 添加小部件而不显示在 Netlify CMS 预览中

gatsby - 增量构建 Netlify + Gatsby 不工作

vue.js - 目标 : 'static' and target: 'server' in Nuxt 2. 14 通用模式之间的真正区别是什么?

amazon-web-services - 如何通过 CNAME 将 Netlify 子域指向 AWS S3 存储桶?

reactjs - 为什么 gatsby-plugin-image 缺少图像 Prop ?

hugo - 为什么我的 Hugo 站点在部署到 Netlify 时不显示?

vue.js - 自动将新帖子添加到侧边栏