Strapi如何修改默认首页源码以及添加备案号代码

那是我第一次遇到那座山，自然听不得好言相劝；这世间都是空手而还，意兴阑珊；我失去的每一份月亮，都是我该失去的亦心甘情愿；此去经年山是山我是我

起因

购买服务器后搭建灵沐小程序，通过备案之后准备上线前收到运营商的一封邮件。大概意思就是首页底部没有添加对应的备案号_Strapi如何修改默认首页源码以及添加备案号代码

若需要在灵沐小程序后台首页添加备案号，那就意味着我们需要自定义这个页面内容，既然都需要自定义了！为何不利用起来呢？

SO！这又是可以需要反复学习和折腾的过程

学习之后查看源码后发现他好像分了2个部分一个是strapi和admin ui；

打开文件路径

/my-project/node_modules/@strapi/strapi/lib/middlewares/public

我们在index.html文件编辑添加代码

<div style="position: fixed; left: 0;bottom: 40px;text-align: center;width: 100%;">
      <a href="xxxxx">备案号：449275996@qq.com</a>
</div>

修改之后需要重新编译一次之后才可以看到效果

完全的自定义默认首页我们可以做什么？

可以有一个介绍程序或者个人的单页

可以直接请求接口做一个PC端页面，做半前后端分离

方式一：

通过修改备案号可以得知我们默认首页的源码所在位置

/my-project/node_modules/@strapi/strapi/lib/middlewares/public

目录下的index.html就是目标文件，可以直接自定义代码

注意引入的静态文件是不能直接丢在该目录的pubilc下，会导致无法访问，它需要在引入的静态文件中加入路径前缀

<%= strapi.config.server.url %>

加入前缀之后，静态文件应该存放在以下目录中

my-project/pubilc

或者可以直接使用网络地址引入css，js，images等资源

每次修改之后需要重新编译看到效果

npm run build && npm run develo

方式二：

还是先找到默认首页的目录

/my-project/node_modules/@strapi/strapi/lib/middlewares/public

在index.html页面的head标签加入一个跳转

<meta http-equiv="refresh" content="0;url=<%= strapi.config.server.url %>/index.html">
<!-- 0则是直接跳转，可以设置为5秒后跳转到指定URL ，如果不加url属性则表示5秒后刷新本页-->

添加之后我们还是得先编译

npm run build && npm run develo

访问默认首页之后立马跳转到my-project/pubilc，因此我们只需要在该目录下放入我们所需要的代码，静态文件可以直接引入

还有一个好处就是你无论怎么修改，它都不需要重新编译

修改默认首页最终效果