laravel 12 怎么部署 内置的前端单页面应用?
最近在用laravel12做一个项目,用laravel的内置前端做了个单页面管理后台,配置如下:
vite.config.js
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import vue from '@vitejs/plugin-vue';
import tailwindcss from '@tailwindcss/vite';
export default defineConfig({
plugins: [
laravel({
input: [
'resources/css/app.css',
'resources/js/app.js'],
refresh: true,
}),
vue(),
tailwindcss(),
],
resolve: {
alias: {
'vue': 'vue/dist/vue.esm-bundler.js'
}
},
});
后台页面控制器 /app/Http/Controllers/Admin/IndexController.php
<?php
namespace App\Http\Controllers\BC;
use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
class IndexController extends Controller
{
public function index()
{
return view('spa');
}
}
后台页面入口 /resource/views/spa.blade.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Vue SPA Demo</title>
@vite(['resources/css/app.css', 'resources/js/app.js'])
</head>
<body>
<div id="app"></div>
</body>
</html>
web路由文件:
<?php
use Illuminate\Support\Facades\Route;
Route::get('/{patchMatch}','App\Http\Controllers\BC\IndexController@index');
开发环境下运行 php artisan serve + npm run dev 可以正常访问,但是我运行npm build 之后在public文件夹下生成了build文件夹 里面只有assets和一个manifest.json 那我部署到生产环境应该怎么配置呢?请各位大神告知一下
关于 LearnKu
推荐文章: