vuecli打包的项目在本地的nginx上访问不了？

最新推荐文章于 2025-05-06 18:30:03 发布

weixin_39238520

最新推荐文章于 2025-05-06 18:30:03 发布

阅读量992

点赞数

分类专栏：学习专用仅供参考文章标签： nginx

本文链接：https://blog.youkuaiyun.com/weixin_39238520/article/details/120256928

版权

学习专用仅供参考专栏收录该内容

32 篇文章

订阅专栏

在尝试使用Nginx本地托管VueCLI打包的项目时遇到白屏问题，虽然静态资源如img可以正常访问。解决方法包括将dist资源移至html目录下或修改nginx.conf配置，添加相关配置后重启服务即可解决问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

操作过程：
1.所有的配置都没有动过（vuecli的所以打包配置）
2.npm run build打包
3.把打包的dist（所有文件）放到解压后的ngnix的html里
4.通过127.0.0.1:80/dist/index.html访问
情况：页面白屏，但是服务又启动了，这可怎么办呢？
在这里插入图片描述

但是神奇的是img的静态资源能访问。。。。。。
解决方法有两个：
1.把dist里面的资源，复制到html中，或者切到html中
2.更改nginx文件的conf文件夹下面的nginx.conf配置，在server对线里加入

#add_header Access-Control-Allow-Origin *;

        #add_header Access-Control-Allow-Headers X-Requested-With;

        #add_header Access-Control-Allow-Methods GET,POST,OPTIONS;