laravel version: 5.5.*
laravel 自 5.4 以后对前端的支持就非常友好了...怎么说呢?应该算是一个新功能吧..背后还是依赖于webpack
创建一个laravel 项目
composer create-project laravel/laravel=5.5.* --prefer-dist ./learn-mix
我使用的是5.5.* 因为5.5是一个LTS版本
安装mix需要的依赖
npm install
_为什么可以直接使用这个命令呢? 因为创建项目后,你会发现有一个 package.json _
启动 ws
ws: webpack server
npm run dev
npm run watch
两个命令执行任意一个就好
vue + laravel 开发 SPA
- 将首页路由指向一个视图
Route::any('{path?}', function () {
return view('index'); // 这个就是首页
});
- 在
index.blade.php中引入app.js和app.css
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="csrf-token" content="{{csrf_token()}}">
<title>Laravel SPA</title>
{{-- styles --}}
<link rel="stylesheet" href="/css/app.css">
</head>
<body>
<div id="app">
<router-view></router-view>
</div>
{{--javascript--}}
<script src="/js/app.js"></script>
</body>
</html>
- 在
resources/assets就可以写我们的 vue 项目了....
网友评论