Laravel Elixir 错误路径

Question

这是我的 gulpfile.js

var elixir = require('laravel-elixir');

elixir(function(mix) {
    mix.less([
       'style.less'
    ], 'public/css/style.css')
        .styles([
       'reset.css',
       'font-awesome.min.css',
       'style.css'
    ], 'public/css/app.css', 'public/css')
    .scripts(['jquery-1.12.0.min.js', 'main.js'], 'public/js/app.js', 'resources/assets/scripts')
    .version(['css/app.css', 'js/app.js']); 
});

结果我得到了文件

public/build/app-2a14246111.css
public/build/app-7790e07dfb.js
公共(public)/构建/rev-manifest.json

但是当我尝试将 css 和 js 文件添加到布局时

<link rel="stylesheet" href="{{ elixir("css/app.css") }}">    
<script src="{{ elixir("js/app.js") }}"></script> 

我明白了

<link rel="stylesheet" href="/build/css/app-2a14246111.css">
<script src="/build/js/app-7790e07dfb.js"></script>

浏览器找不到它们，因为它试图找到

http://localhost:8080/build/css/app-2a14246111.css
http://localhost:8080/build/js/app-7790e07dfb.js

以及项目文件夹名称和公用文件夹在路径中以某种方式丢失。如何解决？

其实我明白了，我可以在路径中添加点

<link rel="stylesheet" href=".{{ elixir("css/app.css") }}">
<script src=".{{ elixir("js/app.js") }}"></script>

然后一切正常，但我不喜欢这种修复方式。

Answer 1

那是因为你在本地主机上运行 Laravel 项目。当您将项目部署到服务器时，问题会自行解决(假设它配置正确)。

如果你使用的是 Apache，你可以添加一个虚拟主机配置，这样你就可以使用类似 http://域名.app:

<VirtualHost *:80>   
    DocumentRoot "C:\Users\username\path\to\laravel\public" 
    ServerName domain-name.app
</VirtualHost>

然后在你的主机文件中添加:

127.0.0.1   domain-name.app

这样，您可以链接到 HTML 中的绝对路径，例如 /css/somefile.css 而不是 ./css/somefile.css。

结帐 Homestead ，来自 Laravel，它有助于避免很多屁股上的痛苦。