服务器中的一个网站运行:npm run dev命令,然后访问页面时样式错误,通过Chrome 开发者工具查看发现以下错误:
GET http://[::1]:5173/resources/css/app.css net::ERR_CONNECTION_REFUSED
GET http://[::1]:5173/@vite/client net::ERR_CONNECTION_REFUSED
GET http://[::1]:5173/resources/js/app.js net::ERR_CONNECTION_REFUSED
遇到这个问题,最简单的解决办法就是改为运行:npm run build命令打包文件,这样会实际生成上面的文件到你的项目中,再次刷新页面,问题解决。
如果上面的办法未能解决问题,那么请检查你的.env文件中的APP_URL项是否正确设置为当前项目的url。如果url设置不正确,那么修改为正确的设置;如果url设置正确,那么删除public/hot文件。
一般情况下经过上面的步骤,该问题会成功解决。


![Laravel 项目使用 npm run build 命令构建后,静态资源仍然为 http://[::1]:5173/@vite/client、http://[::1]:5173/resources/css/app.css、http://[::1]:5173/resources/js/app.js 的解决办法](https://www.02405.com/wp-content/uploads/2024/12/laravel-vite.webp)

