Laravel 资产 return 本地主机上的 404

Question

我是 Laravel 的新手。我使用 Ubuntu 并从主文件夹中的 GitHub 克隆了一个应用程序。当我运行带有 php artisan serve 的应用程序时，我看不到页面样式。 Ctrl-u 显示源没有问题，但我在控制台中出现关于资产文件夹下所有内容的 404 错误。 console warnings can be seen here

我的 000_default.conf 文件是

/etc/apache2/sites-enabled/000-defult.conf                 
<VirtualHost *:80>

        ServerAdmin webmaster@localhost
        DocumentRoot ~/_/www/easymove/public

        <Directory />
                Options FollowSymLinks
                AllowOverride None
        </Directory>
        <Directory /var/www/laravel>
                AllowOverride All
        </Directory>

        ErrorLog ${APACHE_LOG_DIR}/error.log
        CustomLog ${APACHE_LOG_DIR}/access.log combined

</VirtualHost>

应用根目录webpack.mix.js内容如下：

const mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel application. By default, we are compiling the Sass
 | file for the application as well as bundling up all the JS files.
 |
 */

mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css');

Answer 1

您需要在 webpack.mix.js 中添加一些规则来处理您的资产。

目前你的webpack只会编译JS文件。您还需要让它复制图像的文件和目录，并根据其当前所在的位置编译 css：

https://laravel.com/docs/7.x/mix#copying-files-and-directories

https://laravel.com/docs/7.x/mix#working-with-stylesheets

Laravel 资产 return 本地主机上的 404

Laravel assets return 404 on localhost

css

php

assets

laravel-5