我正在后端使用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>
资产文件夹结构
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运行开发人员结果
在浏览器中当前找不到针对客户和员工路径的404
找不到客户JS 404
找不到劳工JS 404
浏览器会加载每个路线的视图,但找不到反应文件。
我不确定哪里出了问题,或者这是否是解决问题的最佳方法?
任何帮助都将不胜感激。