在 Vue 2 和 Laravel 8 中工作的 URL 路径？答案

【问题标题】：URL paths that work in Vue 2 and Laravel 8?在 Vue 2 和 Laravel 8 中工作的 URL 路径？
【发布时间】：2021-10-30 18:50:09
【问题描述】：

我正在处理一个 vue/laravel 项目，并且不能将一个 url path 同时用于开发环境 (npm run hot) 和生产环境 (php artisan serve)。

此CSS 示例仅适用于php artisan：

background: url("../images/image.png")

虽然这只适用于npm run hot：

background: url("/public/images/image.png")

有两种方法都适用吗？

【问题讨论】：

【解决方案1】：

据我所知，您应该参考src。因此，将image.png 移动到/src/images/image.png 将类似于background: url("@/images/image.png")，因为@ 指的是src。

编辑：使用laravel 和vue-cli 进行处理

如果您需要为您的环境设置不同的路径，vue-cli 可能是您的选择。这使您可以创建vue.config.js 并为您的环境设置publicPath。

【讨论】：

src 不是过去的 Laravel 版本吗？ Laravel 8 有一个 resources 文件夹，其中包含用户使用的所有文件。不幸的是 @ 似乎不适用于 resources 文件夹。即使我创建了一个 src 文件夹，我也会收到 Laravel 8 向我抛出的 errors。
@ArturMüllerRomanov 也许vue-cli 可以满足您的需求。我编辑了我的答案。如果这对您有帮助，请告诉我。

【解决方案2】：

我最终只使用了php artisan serve 和hot reload，而不是使用npm run hot。现在我只有一个开发环境。可以看here怎么设置。

【讨论】：