net::ERR_CONNECTION_REFUSED 使用 Laravel 9，ReactJs 与 vite js答案

【问题标题】：net::ERR_CONNECTION_REFUSED using Laravel 9, ReactJs with vite jsnet::ERR_CONNECTION_REFUSED 使用 Laravel 9，ReactJs 与 vite js
【发布时间】：2022-12-04 02:50:52
【问题描述】：

我正在尝试使用 Laravel 9 和 ReactJS 与 vite js 构建一个应用程序。我尝试按照命令进行构建。

npm 运行开发

但我收到以下错误，

获取 http://[::1]:5173/resources/css/app.css net::ERR_CONNECTION_REFUSED

获取 http://[::1]:5173/@vite/client net::ERR_CONNECTION_REFUSED

获取 http://[::1]:5173/resources/js/app.jsx net::ERR_CONNECTION_REFUSED

获取 http://[::1]:5173/@react-refresh net::ERR_CONNECTION_REFUSED

【问题讨论】：

你解决了这个问题吗？
我也收到了，你有什么想法吗？

标签： php reactjs laravel npm vite

【解决方案1】：

这意味着您的资产尚未构建，请使用npm run build。

【讨论】：

【解决方案2】：

我想我可能已经找到了一个名为 Rollup 的构建选项的解决方案。在生产中构建时，rollup 将删除未使用的代码。在此过程中，它将捆绑所需的资产并根据您当前使用的 URL 引用它们。

要修复它，你可以试试这个：

export default defineConfig({
      build: {
        rollupOptions: {}
      }
    })

Github 上发布的类似问题对我有所帮助，因此也许您可以将其用作参考点。 Here is the Discussion

【讨论】：

【解决方案3】：

在将项目上传到实时服务器或 cpanel 之前构建资产您可以使用此代码 - npm run build 构建资产文件后，您可以在项目文件夹中看到一些变化。资产文件将来到这个文件夹 - public->build

【讨论】：

【解决方案4】：

本地对我来说工作正常，尝试将其添加到 vite.config.js 文件中：

server: { cors: false },

或（尝试添加和混合所有值）

server: { https: false, cors: false, hmr: false, port: 8000 },

在使用npm run build（顺便说一句，使用 vue）构建产品时为我工作。

如果端口仍然有问题，请将其添加到您的 .env 文件中。

ASSET_URL=http://yoururl:port

【讨论】：