\u5728\u8fd9\u7bc7\u6587\u7ae0\u4e2d\u6784\u5efa\u7684Docker\u73af\u5883\u662f\u5229\u7528Docker\u91cd\u65b0\u6784\u5efa\u7684\u5f00\u53d1\u73af\u5883\uff0c\u8fd9\u4e2a\u5f00\u53d1\u73af\u5883\u5728\u4e4b\u524d\u7684\u6587\u7ae0\u4e2d\u5df2\u7ecf\u521b\u5efa\u8fc7\u4e86\u3002\u524d\u63d0\u6761\u4ef6\u4e0e\u4e0a\u6b21\u76f8\u540c\u3002<\/p>\n
<\/p>\n
- docker\r\n - app\r\n\t - Dockerfile\r\n\t - php.ini\r\n\t - www.conf\r\n - nginx\r\n\t - default.conf\r\n\t - Dockerfile\r\n\t - nginx.conf\r\n - postgresql\r\n\t - Dockerfile\r\n\t - postgresql.conf\r\n- src\r\n- composer.yml\r\n<\/code><\/pre>\n\u6784\u5efa\u7a0b\u5e8f<\/h2>\n\n- \n
\u521b\u5efaDockerfile<\/ol>\n<\/li>\n<\/ol>\n <\/p>\n
\n- \n
\u7528\u4e8e\u5e94\u7528\u7a0b\u5e8f\u5bb9\u5668<\/ol>\n<\/li>\n<\/ol>\n <\/p>\n
\n- \n
\u6307\u5b9aamazonlinux:2023\u4f5c\u4e3a\u5bb9\u5668\u7684\u57fa\u7840<\/ol>\n<\/li>\n<\/ol>\n <\/p>\n
\n- \n
\u6765\u6e90 amazonlinux:2023<\/ol>\n<\/li>\n<\/ol>\n\u8fd0\u884cdnf -y update<\/p>\n
\u8fd0\u884cdnf -y install unzip \\
\nwget<\/p>\n
\u5b89\u88c5php\u53ca\u76f8\u5173\u6a21\u5757
\n\u8fd0\u884cdnf -y install php less php-intl \\
\nphp-cli php-json php-common php-devel php-fpm \\
\nphp-gd php-mysqlnd php-mbstring php-pdo php-xml<\/p>\n
unix socket
\n\u8fd0\u884cmkdir \/var\/run\/php-fpm
\n\u5377 [ “\/var\/run\/php-fpm” ]<\/p>\n
\u66b4\u9732\u7aef\u53e39000<\/p>\n
\u5165\u53e3\u70b9 \/usr\/sbin\/php-fpm -F<\/p>\n
\u5b89\u88c5composer
\n\u8fd0\u884ccurl -sS https:\/\/getcomposer.org\/installer | php
\n\u8fd0\u884cmv composer.phar \/usr\/local\/bin\/composer
\n\u8fd0\u884ccomposer self-update<\/p>\n
\u5b89\u88c5node.js
\n\u8fd0\u884ccurl -fsSL https:\/\/rpm.nodesource.com\/setup_18.x | bash –
\n\u8fd0\u884cdnf -y install nodejs<\/p>\n
\u6307\u5b9a\u5bb9\u5668\u76ee\u5f55
\n\u5de5\u4f5c\u76ee\u5f55 \/var\/www\/html<\/p>\n
\u7528\u4e8eweb\uff08nginx\u5bb9\u5668\uff09
\n\u6307\u5b9aamazonlinux:2023\u4f5c\u4e3a\u5bb9\u5668\u7684\u57fa\u7840<\/p>\n
\u5b89\u88c5nginx
\n\u8fd0\u884cdnf -y update
\n\u8fd0\u884cdnf -y install nginx<\/p>\n
\u66b4\u9732\u7aef\u53e35173<\/p>\n
\u5165\u53e3\u70b9 [“\/usr\/sbin\/nginx”, “-g”, “daemon off;”]<\/p>\n
\u7528\u4e8epostgres
\n\u6765\u6e90 postgres:15.2-alpine<\/p>\n
\u521b\u5efacompose.yml
\nservices:
\nweb:
\ncontainer_name: web-laravel_vue
\nbuild:
\ncontext: .\/docker\/nginx\/
\nports:
\n– “8000:80”
\nvolumes:
\n– .\/docker\/nginx\/default.conf:\/etc\/nginx\/conf.d\/default.conf
\n– .\/src:\/var\/www\/html
\ndepends_on:
\n– app
\n– db<\/p>\n
app:
\ncontainer_name: app-laravel_vue
\nbuild:
\ncontext: .\/docker\/app\/
\nports:
\n– “5173:5173”
\nvolumes:
\n– .\/src:\/var\/www\/html\/
\n– .\/docker\/app\/www.conf:\/etc\/php-fpm.d\/www.conf
\n– .\/docker\/app\/php.ini:\/etc\/php.ini
\ndb:
\ncontainer_name: pgdb-laravel_vue
\nimage: postgres:latest
\nports:
\n– “5432:5432”
\nvolumes:
\n– .\/docker\/postgresql\/postgresql.conf:\/etc\/postgresql\/postgresql.conf
\n– pgdb-laravel_vue-volume:\/var\/lib\/postgresql\/data
\nenvironment:
\nPOSTGRES_DB: laravel
\nPOSTGRES_USER: laravel
\nPOSTGRES_PASSWORD: laravel
\nvolumes:
\npgdb-laravel_vue-volume:<\/p>\n
\u521b\u5efadefalt.conf\u3001www.conf nginx\u3001php.ini\u3001postgresql.conf<\/p>\n
\u4f7f\u7528docker\u547d\u4ee4\u521b\u5efa\u5bb9\u5668
\ndocker compose build
\ndocker compose up -d<\/p>\n
\u5728app\u5bb9\u5668\u5185\u521b\u5efa\u9879\u76ee
\n$ docker exec app-laravel_vue bash<\/p>\n
# cd \/var\/www\/html
\n# composer create-project laravel\/laravel .<\/p>\n
\u5728app\u5bb9\u5668\u5185\u5b89\u88c5Vue\u76f8\u5173\u4f9d\u8d56
\nnpm install –save-dev vue
\nnpm install –save-dev @vitejs\/plugin-vue
\nnpm install –save-dev<\/p>\n
7. Vite\u7684\u914d\u7f6e\u6587\u4ef6\uff08vite.config.js\uff09<\/p>\n
```\r\nimport { defineConfig } from 'vite';\r\nimport laravel from 'laravel-vite-plugin';\r\nimport vue from '@vitejs\/plugin-vue';\r\n\r\nexport default defineConfig({\r\n plugins: [\r\n vue(),\r\n laravel({\r\n input: ['resources\/css\/app.css', 'resources\/js\/app.js'],\r\n refresh: true,\r\n }),\r\n ],\r\n server: {\r\n host: '0.0.0.0',\r\n hmr: {\r\n host: '192.168.100.230',\r\n },\r\n watch: {\r\n usePolling: true,\r\n },\r\n port:5173\r\n }\r\n});\r\n```\r\n<\/code><\/pre>\n\n- \n
Inertia.js\u7684\u5b89\u88c5\u548c\u8bbe\u7f6e<\/ol>\n<\/li>\n<\/ol>\n <\/p>\n
\n- \n
# \u5b89\u88c5<\/ol>\n<\/li>\n<\/ol>\n <\/p>\n
\n- \n
composer require inertiajs\/inertia-laravel<\/ol>\n<\/li>\n<\/ol>\n# \u521b\u5efaInertia\u4e2d\u95f4\u4ef6
\nphp artisan inertia:middleware<\/p>\n
\u5728\/app\/Http\/Kernel.php\u4e2d\u6ce8\u518c\uff08\u5728web\u4e2d\uff09
\n\\App\\Http\\Middleware\\HandleInertiaRequests::class,<\/p>\n
\u521b\u5efaCreateInertiaApp
\nresources\/js\/app.js
\nimport { createApp, h } from “vue”;
\nimport { createInertiaApp } from “@inertiajs\/inertia-vue3”;
\nimport { resolvePageComponent } from “laravel-vite-plugin\/inertia-helpers”;
\ncreateInertiaApp({
\nresolve: (name) =>
\nresolvePageComponent(
\n`.\/Pages\/${name}.vue`,
\nimport.meta.glob(“.\/Pages\/**\/*.vue”)
\n),
\nsetup({ el, App, props, plugin }) {
\ncreateApp({ render: () => h(App, props) })
\n.use(plugin)
\n.mount(el);
\n},
\n});<\/p>\n
\u4e0eapp.blade.php\u548cvue\u7684\u5408\u4f5c<\/p>\n
@inertiaHead@vite([‘resources\/css\/app.css’, ‘resources\/js\/app.js’])<\/p>\n
@inertia<\/p>\n
<\/p>\n
\u8def\u7531\u8bbe\u7f6e
\n use Inertia\\Inertia;<\/p>\n
\/*
\n|————————————————————————–
\n| Web Routes
\n|————————————————————————–
\n|
\n| Here is where you can register web routes for your application. These
\n| routes are loaded by the RouteServiceProvider within a group which
\n| contains the “web” middleware group. Now create something great!
\n|
\n*\/<\/p>\n
Route::get(‘\/’, function () {
\nreturn Inertia::render(‘hello-world’);
\n});<\/p>\n
\u521b\u5efa\u7528\u4e8e\u663e\u793aHello World\u7684Vue\u6587\u4ef6
\nresources\/js\/Pages\/hello-world.vue
\n