NGINX和Vue3ViteSPA结合使用时，返回空白白页。

这种情况通常是由于nginx配置不正确造成的。可以尝试在nginx的conf文件中添加以下配置来解决问题：

location / {
    try_files $uri $uri/ /index.html;
}

此外，还需要确保vite.config.js中的assetsDir设置为“.”，以便正确加载应用程序文件。具体示例如下：

// vite.config.js
export default {
  base: '/app/',
  assetsDir: '.',
  // ...
}

这样配置后，重新启动nginx和应用程序即可。

本文内容通过AI工具匹配关键字智能整合而成，仅供参考，火山引擎不对内容的真实、准确或完整作任何形式的承诺。如有任何问题或意见，您可以通过联系service@volcengine.com进行反馈，火山引擎收到您的反馈后将及时答复和处理。

展开更多

开发者特惠

面向开发者的云福利中心，ECS 60元/年，域名1元起，助力开发者快速在云上构建可靠应用

ECS首年60元

社区干货

对比hook和class的区别|社区征文](https://developer.volcengine.com/articles/7180185824053428280) by [鱼露](https://developer.volcengine.com/user/365494157720829)- [vue3+vite+ts项目集成科大讯飞语音识... [云原生时代,如何从 0 到 1 构建 K8s 容器平台的 LB(Nginx)负载均衡体系|社区征文](https://developer.volcengine.com/articles/7176233407175721017) by [后端系统和架构](https://developer.volcengine.com/...

特惠活动

域名注册服务

cn/top/com等热门域名，首年低至1元，邮箱建站必选

￥1.00/首年起32.00/首年起

立即购买

DCDN国内流量包100G

同时抵扣CDN与DCDN两种流量消耗，加速分发更实惠

￥2.00/年20.00/年

立即购买

NGINX和Vue3ViteSPA结合使用时，返回空白白页。 -优选内容

火山引擎开发者社区第三届有奖征文大赛获奖作品公布