如何在每个Laravel视图中加载不同的React应用

时间:2018-08-19 07:37:42

标签: reactjs laravel view http-status-code-404

我正在后端使用Laravel的auth制作一个应用程序,以加载2个不同的用户react应用程序前端。

所以说我们有2条不同的Auth路由: 1.客户 2.劳工

我希望他们加载2个不同的视图,从而在每个视图上加载一个不同的react应用程序,以便为每种类型的用户构建单独的组件。

到目前为止,我已经创建了一个新的react应用程序,并与“ php artisan默认反应”一起使用,以将脚手架反应应用到其中。

路线

var p = new Process();
            p.StartInfo = new ProcessStartInfo(@"cmd.exe")
            {
                Arguments = @"/c C:\Users\hed-b\Desktop\PulserTester.appref-ms"
            };
            p.Start();
            while(Process.GetProcessesByName("PulserTester").Any() == false)
            { Thread.Sleep(100); }
            p = Process.GetProcessesByName("PulserTester").First();
            p.WaitForExit();

查看:客户

Route::get('/customer', function () {
    return view('customer');
});

Route::get('/labourer', function () {
    return view('labourer');
});

查看劳工

<!doctype html>
<html lang="{{ app()->getLocale() }}">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Laravel</title>
        <link href="{{asset('css/app.css')}}" rel="stylesheet" type="text/css">
    </head>
    <body>
        <div id="customer"></div>
        <script src="{{asset('js/customer/customer-app.js')}}" ></script>
    </body>
</html>

Asset Folder Strucure

资产文件夹结构

Webpack组合

<!doctype html>
<html lang="{{ app()->getLocale() }}">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Laravel</title>
        <link href="{{asset('css/app.css')}}" rel="stylesheet" type="text/css">
    </head>
    <body>
        <div id="labourer"></div>
        <script src="{{asset('js/labourer/labourer-app.js')}}" ></script>
    </body>
</html>

npm run dev result

npm运行开发人员结果

在浏览器中当前找不到针对客户和员工路径的404

Customer JS not found 404

找不到客户JS 404

Labourer JS not found 404

找不到劳工JS 404

浏览器会加载每个路线的视图,但找不到反应文件。

我不确定哪里出了问题,或者这是否是解决问题的最佳方法?

任何帮助都将不胜感激。

0 个答案:

没有答案