Laravel with vercel-php@0.4.0 css/js was not loaded because its MIME type

Question

/css/app.css?id=63d00dfbd8cde5c569e7 was not loaded because its MIME type, “text/html”, is not “text/css”.

Works if upload public/css/ public/js file to vercel. But I want use Composer build in vercel

Here are my config files: Composer scripts:

        "vercel": [
          "@php -v",
          "npm -v",
          "npm install && npm run prod"
        ],

api/assets.php :

<?php
// File: api/assets.php
$queries = array();
parse_str($_SERVER['QUERY_STRING'], $queries);
$file = $queries['file'];

echo require __DIR__ . '/../' . $file;

vercel.json:

{
    "version": 2,
    "functions": {
        "api/assets.php": { "runtime": "vercel-php@0.4.0" },
        "api/index.php": { "runtime": "vercel-php@0.4.0" }
    },
    "routes": [
        {
            "src": "/(css|js)/(.*)",
            "dest": "/api/assets.php?file=public/$1/$2"
        },
        {
            "src": "/(.*)",
            "dest": "/api/index.php"
        }
    ],
...

related:

Composer scripts output not being saved #102

[robertdrakedennis]

I use the builds options but since it’s technically deprecated I’m not sure how long it will technically last.

    "builds": [
        { "src": "/api/index.php", "use": "vercel-php@0.4.0" },
        { "src": "/public/**", "use": "@vercel/static" }
    ],
    "routes": [
        {
            "src": "/(css|js|vendor|assets|build)/(.*)",
            "dest": "public/$1/$2"
        },
        {
            "src": "/(.*)",
            "dest": "/api/index.php"
        }
    ],
    ```
    
    

Might help you in getting your setup to work

[f3l1x]

Hi @guoxiangke. There is no way how to detect which composer script you want to run in single deployment.