将_redirects文件添加到Netlify上托管的Vue SPA的根路径

Vue.js

GO西门

2020-03-16

我正在使用Vue CLI开发单页应用程序，并且希望历史记录pushstate能够正常工作，以便获得干净的URL。

我必须遵循以下步骤：https : //www.netlify.com/docs/redirects/#history-pushstate-and-single-page-apps并使用以下命令将_redirects文件添加到我的站点文件夹的根目录：

/*    /index.html   200

问题是我不知道如何将此_redirects文件添加到dist文件夹的根目录中。我尝试将其添加到静态文件夹中，但最终以子文件夹而非根目录出现。我如何包含此文件，以便在Netlify上部署后可以使用历史记录模式？

// config/index.js
build: {
  // Paths
  assetsRoot: path.resolve(__dirname, '../dist'),
  assetsSubDirectory: 'static',
  assetsPublicPath: '/',

第1671篇《将_redirects文件添加到Netlify上托管的Vue SPA的根路径》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答
十三Tom小哥 2020.03.16

您只需将_redirects文件添加到vue应用程序中的/ public目录中

TonyDavaidLEY 2020.03.16

我已经尝试了Rutger Willems的代码段，但没有最后一行，它可以正常工作。归功于Hamish Moffatt。

[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 200

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android