Vuepress的allowHosts设置

前言

趁着清明假期前最后一天闲来无事，把服务器相关东西更新一下，更新完之前搭建的vuepress后，访问网站出现如下提示：

Blocked request. This host ("www.yydnas.com") is not allowed. To allow this host, add "www.yydnas.com" to `server.allowedHosts` in vite.config.js.

无法访问。。。

解决

只需在 config.js 的 bundler: viteBundler({}), 中添加以下信息：

  bundler: viteBundler({
    viteOptions: {
        server: {
            allowedHosts: ['你的域名xxx.com', '.xxx.com']
        }
    }
  }),

最后

其实解决起来很简单，但是对于我这种非程序员来说，allowedHosts具体添加在哪里还真的不知道，中间试了很多次，很多地方都添加了尝试，没有一个是正确的。

而且由于更新后版本比较新，网上也没有文章说这个，问了各个AI大模型，也没有一个能精准解决的。

最后还是自己慢慢摸索，研究vite文档后进行的尝试，终于搞定。发出来记录一下。