vue路由history模式刷新404

最新推荐文章于 2025-04-13 14:45:00 发布

qq_44741558

最新推荐文章于 2025-04-13 14:45:00 发布

阅读量493

点赞数 1

文章标签： vue.js 前端 javascript vue nginx

本文链接：https://blog.youkuaiyun.com/qq_44741558/article/details/123093500

版权

本文探讨了在Vue项目中遇到404问题时，如何通过修改`server.php`或`config/index.js`中的配置，确保静态文件访问。重点在于升级请求安全策略、设置正确的静态资源路径，以及如何正确设置`assetsPublicPath`以避免404错误。

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

 location /chat {
                add_header Content-Security-Policy upgrade-insecure-requests;
                alias /data/webapp/chat/ui;
                # 添加这个配置，刷新 404 的问题
                try_files $uri $uri/ /chat/index.html; # chat 为项目名
       }

如果这种情况下vue项目的static静态文件路径还出现404问题，这时候我们在config/index中build

index: path.resolve(__dirname, '../dist/index.html'),
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: '/你的项目名/',