【发布时间】：2019-07-25 03:25:27
【问题描述】：
我使用 laravel 5.7，在本地运行良好，但在我将应用程序部署到生产服务器 (heroku) 后，CSS 和 JS 似乎无法正常工作。我该怎么办？
这是网址“https://arrahnu-demo.herokuapp.com/
<head>
<meta charset="utf-8">
<title>Arrahnu Gadai Indonesia</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Favicons -->
<link href="{{asset('/img/favicon.png')}}" rel="icon">
<link href="{{asset('/img/apple-touch-icon.png')}}" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Raleway:300,400,500,700,800|Montserrat:300,400,700" rel="stylesheet">
<!-- Bootstrap CSS File -->
<link href="{{asset('/lib/bootstrap/css/bootstrap.css')}}" rel="stylesheet">
<!-- Libraries CSS Files -->
<link href="{{asset('/lib/font-awesome/css/font-awesome.min.css')}}" rel="stylesheet">
<link href="{{asset('/lib/animate/animate.min.css')}}" rel="stylesheet">
<link href="{{asset('/lib/ionicons/css/ionicons.min.css')}}" rel="stylesheet">
<link href="{{asset('/lib/owlcarousel/assets/owl.carousel.min.css')}}" rel="stylesheet">
<link href="{{asset('/lib/magnific-popup/magnific-popup.css')}}" rel="stylesheet">
<link href="{{asset('/lib/ionicons/css/ionicons.min.css')}}" rel="stylesh">
<!-- Main Stylesheet File -->
<link href="{{asset('/css/style.css')}}" rel="stylesheet">
</head>
【问题讨论】：
-
尝试根据您的运行时环境将相对 URL 替换为绝对 URL。因此，将调用 {{asset('/css/style.css')}} 替换为由asset() 帮助程序处理的相对 URL，并使用每个所需文件的绝对 URL。如果在生产中，请执行 https://
/css/style.css 如果是本地，请执行 localhost:<PORT>/css/style.css 每个框架/语言/环境都有办法检测您是本地（在开发机器中）还是远程（在生产或测试机器中）。希望这会有所帮助。 -
谢谢ranieribt，我是用这种方式解决问题的，但真的不明白，我的代码到底发生了什么，你能解释一下吗？
标签： javascript css laravel heroku