# Livewire.js 404 的问题的处理思路和解决方式

- Link: https://www.ixiqin.com/2022/02/22/laravel-livewire-jsfile-404/
- Published: 2022-02-22T06:00:00+08:00
- Author: 白宦成

文章目录

 [Toggle](https://www.ixiqin.com/2022/02/22/laravel-livewire-jsfile-404/#)

 * [生成的 URL 是否正常](https://www.ixiqin.com/2022/02/22/laravel-livewire-jsfile-404/#%e7%94%9f%e6%88%90%e7%9a%84_url_%e6%98%af%e5%90%a6%e6%ad%a3%e5%b8%b8)
 * [Nginx 配置是否正确](https://www.ixiqin.com/2022/02/22/laravel-livewire-jsfile-404/#nginx_%e9%85%8d%e7%bd%ae%e6%98%af%e5%90%a6%e6%ad%a3%e7%a1%ae)

在使用 Laravel Livewire 的时候一个常见问题是生成的 Livewire.js 文件会报错。

一般来说，解决思路有两种

 1. 看看你生成的 URL 是否是正确的。
 2. 看看你的 Nginx 配置是否是正确的。

## 生成的 URL 是否正常

在 Livewire 的配置当中，存在一个 `asset_url` 选项，这个选项会用于在页面中嵌入 Livewire.
js 文件的功能，因此。如果你在使用过程中，修改了这个值，导致生成的地址是错误的，就有
可能报错。

## Nginx 配置是否正确

> 这个问题往往会导致报错的页面是 Nginx 的 404 页面。

在你的 Nginx 配置当中，如果你针对 JS 文件或 CSS 文件有单独处理，你需要将对应的处理
注释掉，确保所有请求转发给 Laravel 进行处理。

    ```php
     # location ~ .*\.(js|css)?$ {
     #   expires 7d;
     #   access_log off;
     # }
    Code language: PHP (php)
    ```