首页 > 解决方案 > Laravel Mix 不加载资源

问题描述

我正在尝试设置 Laravel mix 来加载 js 和 CSS 文件。但是,它们没有加载,这是因为我检查页面源时 URL 错误。该应用程序部署在服务器上。我尝试了这里这里这里这里提到的这些方法。比特无法让它工作。我对 webpack.mix.js 所做的更改似乎mix.setResourceRoot("")没有效果。你能帮忙解决这个问题吗?

test.blade.php

<link href="{{ asset(mix('/assets/admin/css/laraspace.css')) }}" 
    rel="stylesheet" type="text/css">

webpack.mix.js

let mix = require('laravel-mix')

mix.setPublicPath(path.normalize('public'));
mix.setResourceRoot("")

var pluginPath = 'resources/plugins/'

mix.combine([
    // ** Required Plugins **
    pluginPath + 'jquery/jquery.js',
    pluginPath + 'bootstrap/popper.js',
    pluginPath + 'bootstrap/bootstrap.js',
    pluginPath + 'customScrollBar/customScrollBar.js',

], 'public/assets/admin/js/core/plugins.js')

    .js('resources/admin/js/app.js', 'public/assets/admin/js/core/')

    .sass('resources/admin/sass/laraspace.scss', 'public/assets/admin/css/')

    .options({
        processCssUrls: false
    })

    .version();

浏览器中最终 HTML 文档中的资源 URL。

<link href="/assets/admin/css/laraspace.css?id=96eccca9789d64d92269" 
    rel="stylesheet" type="text/css">`

但应该是

<link href="http://example.com/app/assets/admin/css/laraspace.css?id=96eccca9789d64d92269" 
    rel="stylesheet" type="text/css">`

标签: javascriptcsslaravelwebpacklaravel-mix

解决方案


推荐阅读