中---- Swoole統合されたコンポーネントのlaravel5.8(b)は---サービスとクライアントを達成するためにコルーチンを使用して静的ファイルを展開する方法

現在では、より成熟した技術はlaravelSコンポーネントの使用である、注意とlaravel違いは、資本S、ポート5200をリスニングによるlaravelSのデフォルトよりもlaravelSので、いくつかの調整laravelプロジェクトを行います

例えば:

  • 静的リソースサーバからロードされた導入静的ドキュメント-----
私たちは、導入のJSとCSSの方法に精通しているか、ラベルへの相対パスで導入しているが、統合されたコンポーネントlaravelSは、このソリューションが動作しない場合は、ページがロードさやスタイルのjsファイルなので、私たちはより良いサーバーからの静荷重を採用していたではないだろう
関連文書の方法。ファイルlaravel5.8公式ハンドブックは、資産()メソッドが導入された:: URLを与えるが、ディレクトリは、我々は場合に、もはや作品を公式ドキュメントを変更した場合の例は単純すぎる、静的ファイルであります

しかし、「静的リソースサーバからの負荷が」のようなクロスドメインの負荷を達成するためにいくつかのコードを書くことに聞こえるが、安心、しかし実際には、そんなにトラブルはなかったです

  • プロジェクト構造

 

  • ngixnサブサイトの設定
server {
    listen       88;
    server_name yinti.com;
    root  /dingshub2/yinti/public;
    index index.html index.htm index.php;
 
    location / {
        # WordPress固定链接URL重写
     #这段显得尤为重要---如果没有,laravel路由方式访问会提示404 try_files $uri $uri
/ /index.php?$query_string; if (!-e $request_filename) { rewrite (.*) /index.php; } } # PHP配置 location ~ \.php$ { fastcgi_pass 127.0.0.1:9000; fastcgi_index index.php; fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name; include fastcgi_params; } #静态文件服务器的实现 location ~ .*\.(gif|jpg|jpeg|png|js|css)$ {

expires 24h;
root /dingshub2/yinti/public/static;
proxy_store on;
proxy_store_access user:rw group:rw all:rw;
proxy_temp_path /dingshub2/yinti/public/static;#静态文件访问路径,比起域名下的根路径多了一层/static,没错,遇到诸如.css结尾的请求,会到这个路径下搜寻
proxy_redirect off;
proxy_set_header Host 127.0.0.1;
client_max_body_size 10m;
client_body_buffer_size 1280k;
proxy_connect_timeout 900;
proxy_send_timeout 900;
proxy_read_timeout 900;
proxy_buffer_size 40k;
proxy_buffers 40 320k;
proxy_busy_buffers_size 640k;
proxy_temp_file_write_size 640k;
if ( !-e $request_filename)
{
  proxy_pass http://127.0.0.1;#默认80端口
}

    }
}
  • blade模版文件中的引入
官方文档没有给i出详细交代,不过我们可以利用一些laravel的配置功能达到我们的目的,实现静态文件引入的“动态”化,以应对静态文件路径发生改变的业务场景;例如我们知道laravel
在config文件夹下定义了若干php文件,每个php文件中都返回了一个关联数组,每个数组的键都对应了一个配置方案,例如,我们可以在config下定义一个名为(名称随意)
staticfiles.php文件,内容如下:
#staticfiles.php

<?php
return [
    '_css_'=>'http://yinti.com:88/mycss',
    '_bstr_'=>'http://yinti.com:88/booststrap4/css',
    '_pic_'=>'http://yinti.com:88/mypic'
];

或者,我们可以在.env文件中定义添加

MYCSS="http://yinti.com:88/mycss"
MYPIC="http://yinti.com:88/mypic"

blade文件中这样引入:

母版文件(局部)
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../../../favicon.ico">
    @section('title')
    <title>Sticky Footer Navbar Template for Bootstrap</title>
    @show
    <!-- Bootstrap core CSS -->
#从config文件夹下的staticfiles.php文件中加载
 <link href="{{asset(config('mystatic._bstr_').'/bootstrap.min.css')}}" rel="stylesheet"> 
#从.env文件中加载
<!-- Custom styles for this template --> 

<link href="{{asset(env('MYCSS')).'/sticky-footer-navbar.css'}}" rel="stylesheet">
........................剩余部分略去不表

模板继承文件

@extends('masterpage.login')
@section('title')
    <title>搏击运动员之家</title>
@endsection

@section('h1')
    <h1 class="mt-5">搏击帅哥魏锐</h1>
@endsection
@section('plead')
    <p class="lead">2009年,魏锐考入湖南吉首大学,并因此成为河南周口市鹿邑县的第一名运动员大学生。 <code>padding-top: 60px;</code> on the <code>body
&gt; .container</code>.</p> <p>Back to <a href="../sticky-footer">生活中的魏锐,静若处子,动若脱兔;有如李连杰年轻时的俊郎外表和气质,表情文静,态度温和;赛场上的他,则如猛虎下山,
身形灵动,一次次为梦想而“KO”</a> minus the navbar.</p> <p>
#从.env文件中加载 
<img width="60%" src="{{asset(env('MYPIC').'/9aa88827.jpg')}}">
    </p>
@endsection
  •  路由定义
Route::get('wr',function(){
    return view('sample.wr');
});
  • 效果

 

おすすめ

転載: www.cnblogs.com/saintdingspage/p/11267518.html
おすすめ