使用 Vite.js + Cloudflare 时出现协议错误

Question

我在 Laravel 项目中使用 Cloudflare，它在 Vite.js 控制台中出现协议错误。我掌握的数据如下： 当我如下设置服务器设置时，我看到我的 js 和 css 文件正在尝试通过我的 IP 地址发布。但由于存在协议错误，因此无法访问文件。

export default {
  server: {
    port: 5173,
    host: 123.456.789,
  },
};

当我直接输入域名地址而不是 IP 地址时，由于

npm run dev

命令的结果，它表示 Vite 无法解析 IP 地址，因为名称服务器位于 Cloudflare 上。

即使我启用通过 https 访问 IP 地址，如您所知，IP 地址也无法接收 SSL，这又会阻止浏览器访问文件。

总结一下，我想做的就是这个；我希望在使用 Cloudflare 域名服务器时能够毫无问题地使用 Vite.js。事实上，我希望我的资产路径直接显示为我的域名地址，而不是 IP 地址。但正如我所说，如果我在 vite.js 配置中将我的域名地址写为主机，不幸的是它会将 IP 地址视为属于 cloudflare 的 IP 并且无法解析它。

提前非常感谢您

Answer 1

构建项目“npm run build”并将其上传到服务器后，从公共文件夹中删除“hot”文件。您不需要在 vite 配置中添加任何服务器配置。这对我有用。