{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 不美不萌又怎样 的问题《Why I can't obtain the complete path of a CSS》','https://www.manongdao.com/q-1126229.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
I am very new in Laravel. I am working on a Laravel 5.4 application and I have the following problem using blade to retrieve the comple URL of a CSS resource.
This is my app.blade.php file representing the template of all my views:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<!--<link href="/css/app.css" rel="stylesheet">-->
<!--<link href="{{ URL::asset('css/app.css') }}" rel="stylesheet" type="text/css" >-->
<link href="{{ asset('css/app.css') }}" rel="stylesheet" type="text/css" >
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="/js/app.js"></script>
</head>
<body>
<div class="container" style="width: 60%; margin-bottom: 50px;">
@yield('content')
</div>
@yield('footer')
</body>
</html>
As you can see, folloing this SO post: Laravel 5 not finding css files
I am defining this CSS resource in this way:
<link href="{{ asset('css/app.css') }}" rel="stylesheet" type="text/css" >
to retrieve the http://localhost/HotelRegistration/public/css/app.css resource from the correct place.
The problem is that doing in this way opening an URL like http://localhost/HotelRegistration/public/registration
I still obtain the wrong CSS link in the generated page, this one:
<link href="/css/app.css" rel="stylesheet">
Doing in this way I expected to obtain the correct one http://localhost/HotelRegistration/public/css/app.css
I also tried to import it using this alternative link:
<link href="{{ URL::asset('css/app.css') }}" rel="stylesheet" type="text/css" >
but I am obtaining the same results.
What is wrong? What am I missing? How can I fix this issue and obtain the correct url of my CSS including the entire path?
If you work on your localhost, you should run command line from your directory root project (e.g.: HotelRegistration/) :
By default you will can access your project with url: http://127.0.0.1:8000/ and you css link will look like http://127.0.0.1:8000/css/app.css
If you want to host on your remote server, you can use .htaccess rewrite mode redirect to index.php of public directory.
Use a virtual host in apache config files your root is the public dir not your localhost root (replace YOUR_LOCALHOST_ROOT_PATH of course) :
Of course hotel.dev does not exist on the internet, no problem, use your system host file ! In your host file (on windows : C:/Windows/System32/drivers/etc/host , linux /etc/host ) add this line :
you can add more line too :
Restart your browser and apache it should work immediatly
And use http://hotel.dev
You should not have any path problem after that !
First, it is a good idea to use artisan serve:
This will reduces a lot of headaches. If you are on a Mac, try
valet. It is really nice and light.Second you need to import css in following manner:
I hope this solves your problem.